.bd_weixin_popup {
	height: 310px !important
}

body .swal-title {
	font-size: 22px
}

body .swal-button,
body .swal-button:active,
body .swal-icon--info:after,
body .swal-icon--info:before,
body .swal-icon--info:after,
body .swal-icon--info:before,
body .swal-icon--success__line,
body .swal-icon--error__line,
body .swal-icon--warning__body,
body .swal-icon--warning__dot {
	background-color: #000
}

body .swal-icon--success__ring {
	border: 4px solid #000
}

body .swal-button--cancel:active {
	background-color: #eee
}

body .swal-button {
	border-radius: 0;
	padding: 13px 24px
}

body .swal-icon--info,
body .swal-icon--error,
body .swal-icon--warning {
	border-color: #000
}

body .swal-button:focus {
	box-shadow: none
}

body .swal-button--cancel {
	color: #333;
	background-color: #eee
}

body .swal-footer {
	text-align: center
}

body .swal-overlay--show-modal .swal-modal {
	border-radius: 0
}

.swal-text {
	font-size: 14px;
	line-height: 24px;
	text-align: center
}

.swal-footer {
	padding-bottom: 40px
}

.verify-message {
	height: 20px;
	margin-bottom: 2px;
	margin-left: 30px
}

.verify-message label {
	font-size: 12px;
	color: #00B3B9
}

.txt-justify {
	text-align: justify
}

.im-full {
	width: 100%
}

.lazy {
	background: url(../images/loading.gif) no-repeat center center;
	background-size: 24px
}

.lazy.insert {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none
}

.show {
	display: block
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.w1620 {
	width: 1440px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto
}

.fs24 {
	font-size: 24px;
	color: #000
}



.paragraph14 p,
.paragraph14 span {
	font-size: 14px;
	line-height: 28px;
	color: #666
}

.mb-100 {
	margin-bottom: 100px
}

.page-pic-wrap {
	position: relative
}

.page-pic-wrap .pic {
	padding-top: 31.25%
}

.page-pic-wrap .cont {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.page-pic-wrap .cont h2 {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 4px
}

.page-pic-wrap .cont h3 {
	font-size: 30px;
	color: #fff;
	letter-spacing: 2px
}

.page-pic-wrap .page-navigation {
	position: absolute;
	right: 150px;
	bottom: 40px
}

.page-wow__cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.page-navigation {
	font-size: 0
}

.page-navigation a {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px
}

.page-navigation a:last-child i {
	display: none
}

.page-navigation a:hover span {
	color: #00B3B9
}

.page-navigation span,
.page-navigation i {
	display: inline-block;
	vertical-align: top
}

.page-navigation span {
	transition: color 0.4s ease;
	font-size: 14px;
	color: #fff
}

.page-navigation i {
	width: 1px;
	height: 15px;
	background-color: #fff;
	margin-top: 3px;
	margin-left: 6px
}

.wrap {
	padding-top:142px;
	overflow: hidden
}

@keyframes imgDown {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes imgDown {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes imgScale {
	0% {
		transform: scale(1.2)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes imgScale {
	0% {
		transform: scale(1.2)
	}

	100% {
		transform: scale(1)
	}
}

.slick-dots button {
	padding: 0
}

.m-pic {
	display: none
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
	display: none
}

.wow {
	visibility: hidden
}

.no-cssanimations .wow {
	visibility: visible
}

.mt-10 {
	margin-top: 10px
}

.mt-20 {
	margin-top: 20px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-70 {
	margin-top: 70px
}

.mt-80 {
	margin-top: 80px
}

.mt-90 {
	margin-top: 90px
}

.mt-100 {
	margin-top: 100px
}

.mt-110 {
	margin-top: 110px
}

.mt-120 {
	margin-top: 120px
}

.mt-140 {
	margin-top: 140px
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.d-inline-block {
	display: inline-block
}

.d-none {
	display: none
}

.d-block {
	display: block
}

.contact-map .BMapLabel {
	border: 0 !important;
	padding: 0 !important
}

.contact-map .anchorBL {
	display: none
}

.list {
	position: relative;
	font-size: 0
}

.list>li {
	display: inline-block;
	vertical-align: top
}

.list-1>li {
	width: 100%
}

.list-2>li {
	width: 50%
}

.list-3>li {
	width: 33.3333%
}

.list-4>li {
	width: 25%
}

.list-5>li {
	width: 20%
}

.img-box {
	position: relative
}

.img-box::before {
	content: "";
	display: block
}

.img-box img {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.logo-head{
	margin-left: 0;
	width:239px;
	height:142px;
	/* padding-top:24px;
	padding-bottom:23px; */
	vertical-align: middle;
	/* position: absolute;
	left:0px;
	top:0px; */
	text-align: center;
}
.logo-head img{
	margin-top:50px;
	
}
.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

@media screen and (max-width: 1440px) {
	.w1620 {
		margin-right: 40px;
		margin-left: 40px
	}
	.mb-100 {
		margin-bottom: 80px
	}

	.page-pic-wrap .page-navigation {
		right: 80px;
		bottom: 20px
	}
}

@media screen and (max-width: 1366px) {
	.wrap {
		padding-top: 81px
	}

	.page-pic-wrap .page-navigation {
		right: 60px
	}
}

@media screen and (max-width: 1100px) {
	.wrap {
		padding-top: 56px
	}

	.mt-60 {
		margin-top: 30px
	}

	.mt-70 {
		margin-top: 35px
	}

	.mt-80 {
		margin-top: 40px
	}

	.mt-90 {
		margin-top: 45px
	}

	.mt-100 {
		margin-top: 50px
	}

	.mt-110 {
		margin-top: 55px
	}

	.mt-120 {
		margin-top: 60px
	}

	.mt-140 {
		margin-top: 70px
	}
}

@media screen and (max-width: 1024px) {
	.mb-100 {
		margin-bottom: 58px
	}

	.w1620 {
		width: auto;
		margin: 0 20px
	}

	.mt-50 {
		margin-top: 36px
	}

	.page-pic-wrap .cont {
		left: 0;
		transform: translate(0, -50%)
	}

	.page-pic-wrap .page-navigation {
		right: 40px
	}
}

@media screen and (max-width: 800px) {
	.fs24 {
		font-size: 22px
	}

	.page-pic-wrap .cont h2 {
		font-size: 13px
	}

	.page-pic-wrap .cont h3 {
		font-size: 26px
	}
}

@media screen and (max-width: 750px) {
	.page-pic-wrap .cont h3 {
		font-size: 22px
	}

	.page-pic-wrap .page-navigation {
		right: 20px;
		bottom: 14px
	}

	.m-pic {
		display: block
	}

	.m-pic img {
		width: 100%
	}

	.p-pic {
		display: none
	}
}

@media screen and (max-width: 500px) {
	.fs24 {
		font-size: 18px
	}

	.page-pic-wrap .pic {
		padding-top: 56%
	}

	.page-pic-wrap .cont h3 {
		font-size: 18px
	}

	.page-navigation span {
		font-size: 13px
	}

	.page-navigation i {
		height: 14px
	}
}

.logo,
.navs,
.header-link,
.header-lang,
.header-search {
	display: inline-block;
	vertical-align: middle
}
.navs{
	float: right;
	margin-top: 55px;
}
.header {
	font-size: 0px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 300;
	/* padding: 24px 0; */
	max-height:142px;
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}

.navigation>ul {
	font-size: 0;
	padding-left: 50px;
	background-color:#fff;
}

.navigation>ul>li {
	display: inline-block;
	vertical-align: top;
	margin: 0 26px
}

.navigation>ul>li>a {
	transition: color 0.4s ease;
	font-size: 16px;
	line-height: 30px;
	color: #000;
	letter-spacing: 1px
}

.navigation>ul>li.on>a {
	color: #00B3B9
}

.m-navigation {
	display: none
}

.header-content {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0
}

.header-link {
	font-size: 0;
	position: relative;
	padding-right: 26px
}

.header-link:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ccc
}

.header-link a {
	transition: color 0.4s ease;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #666;
	margin-left: 34px
}

.header-lang {
	margin-left: 28px
}

.header-lang a {
	transition: color 0.4s ease;
	font-size: 14px;
	color: #666
}

.header-lang a:hover {
	color: #00B3B9
}

.header-lang a:hover i {
	color: #00B3B9
}

.header-lang i {
	transition: color 0.4s ease;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
	font-size: 12px;
	color: #666
}
.logo-head{
	display: inline-block;
}
.flexBox{
	display: flex;
	align-items: center;
	justify-content:center;
	flex-direction: rows;
}
/* .navs{
	display: flex;
	align-items: center;
	justify-content:center;
	flex-direction: row-reverse;
} */
.header-main{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	display: block
}
.navigation>ul>li>a {
    position: relative;
    padding-bottom: 60px;
}

.header-search {
	margin-left: 0;
	width: 77px;
	height:81px;
	position: relative;
	background-color: #1e58ac;
	text-align: center
}

.header-search span {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -13px;
	display: block;
	color: #fff;
	font-size: 26px
}

.header-search:hover span {
	transform: scale(0.9)
}

.nav-menu__content {
	display: none;
	pointer-events: none
}

.sub-menu__main:after {
	content: "";
	display: block;
	clear: both
}

.logo img {
	width: auto;
	height: 48px
}

.menu-btn,
.m-header-link {
	display: none
}

.site-search__search {
	-moz-transition: -moz-transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	-o-transition: -o-transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	-webkit-transition: -webkit-transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	transition: transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	display: none;
	padding: 26px 0;
	z-index: -10;
	background-color: #f9f9f9;
	position: fixed;
	left: 0;
	top: 77px;
	width: 100%
}

.site-search__search .close-search {
	-moz-transition: -moz-transform 0.4s ease, color 0.4s ease;
	-o-transition: -o-transform 0.4s ease, color 0.4s ease;
	-webkit-transition: -webkit-transform 0.4s ease, color 0.4s ease;
	transition: transform 0.4s ease, color 0.4s ease;
	position: absolute;
	right: 20px;
	top: 50%;
	font-size: 18px;
	color: #333;
	margin-top: -9px
}

.site-search__search .close-search:hover {
	transform: rotate(180deg);
	color: #00B3B9
}

.site-search__search__field {
	width: 600px;
	margin: auto;
	position: relative
}

.site-search__search__field input {
	-moz-transition: border 0.4s ease;
	-o-transition: border 0.4s ease;
	-webkit-transition: border 0.4s ease;
	transition: border 0.4s ease;
	width: 100%;
	padding-left: 26px;
	border: none;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #ccc;
	background: transparent;
	height: 30px;
	line-height: 30px
}

.site-search__search__field input::-webkit-input-placeholder {
	color: #ccc
}

.site-search__search__field .send-search {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	position: absolute;
	left: 0;
	top: 50%;
	color: #ccc;
	font-size: 16px;
	margin-top: -8px
}

.site-search__search__field .send-search:hover {
	color: #333
}

@media screen and (min-width: 1025px) {
	.logo img {
		position: relative;
		top: -3px
	}

	.navs {
		position: relative;
		/* top: -6px */
	}

	.navigation>ul>li.on>a:before {
		visibility: visible;
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	.navigation>ul>li>a {
		position: relative;
		padding-bottom: 60px
	}

	.navigation>ul>li>a:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: -4px;
		left: 0;
		height: 4px;
		background-color: #00B3B9;
		visibility: hidden;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	.header-link a:hover {
		color: #00B3B9
	}

	.sub-menu__bg {
		display: none;
		position: fixed;
		top: 89px;
		left: 0;
		width: 100%;
		background-color: #f9f9f9
	}

	.sub-menu__wrap {
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		position: fixed;
		top:142px;
		left: 0;
		width: 100%;
		z-index: 260
	}

	.sub-menu__wrap .sub-menu__box {
		display: none;
		overflow: hidden;
		padding-top: 74px;
		padding-bottom: 80px;
		background-color: #f9f9f9
	}

	.case-menu__wrap .pic {
		overflow: hidden
	}

	.case-menu__wrap .pic img {
		-moz-transition: -moz-transform 4s ease;
		-o-transition: -o-transform 4s ease;
		-webkit-transition: -webkit-transform 4s ease;
		transition: transform 4s ease;
		max-width: 100%
	}

	.case-menu__wrap p {
		-moz-transition: color 0.4s ease;
		-o-transition: color 0.4s ease;
		-webkit-transition: color 0.4s ease;
		transition: color 0.4s ease;
		font-size: 14px;
		line-height: 20px;
		margin-top: 12px;
		color: #999
	}

	.case-menu__wrap .sub-menu__content {
		width: 80%
	}

	.case-menu__wrap .sub-menu__content .sub-menu__right li {
		width: 25%;
		padding-right: 0
	}

	.case-menu__wrap .sub-menu__content .sub-menu__right a {
		display: block;
		margin: 0 12px;
		overflow: hidden;
		line-height: 0
	}

	.case-menu__wrap .sub-menu__content .sub-menu__right a:hover img {
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	.case-menu__wrap .sub-menu__content .sub-menu__right a:hover p {
		color: #00B3B9
	}

	.case-menu__wrap .sub-menu__push {
		width: 330px;
		display: none
	}

	.product-menu__warp .sub-menu__push {
		width: 330px
	}

	.product-menu__warp .sub-menu__content {
		width: calc(100% - 330px)
	}

	.product-menu__warp .sub-menu__right:after,
	.product-menu__warp .product-menu__main:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 220px;
		background-color: #ededed
	}

	.product-menu__warp .sub-menu__right {
		width: 25%;
		position: relative
	}

	.product-menu__warp .sub-menu__right .pro-menu {
		display: inline-block;
		padding-right: 30px;
		position: relative
	}

	.product-menu__warp .sub-menu__right .pro-menu:after {
		content: "";
		display: block;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		transform: translateX(-10px);
		opacity: 0;
		visibility: hidden;
		width: 11px;
		height: 8px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -4px;
		background: url(../images/icon-07.png) no-repeat center center
	}

	.product-menu__warp .sub-menu__right li {
		width: 100%
	}

	.product-menu__warp .sub-menu__right li.on a {
		color: #00B3B9
	}

	.product-menu__warp .sub-menu__right li.on span:after {
		opacity: 1;
		visibility: visible;
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.product-menu__warp .product-menu__main {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 160px);
		padding-left: 40px;
		position: relative
	}

	.product-menu__warp .product-menu__main a {
		-moz-transition: color 0.4s ease;
		-o-transition: color 0.4s ease;
		-webkit-transition: color 0.4s ease;
		transition: color 0.4s ease;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding-right: 10px;
		font-size: 14px;
		color: #000;
		margin-bottom: 12px
	}

	.product-menu__warp .product-menu__main a:hover {
		color: #00B3B9
	}

	.product-menu__warp .product-menu__inner {
		display: none
	}

	.sub-menu__left,
	.sub-menu__right {
		display: inline-block;
		vertical-align: top
	}

	.sub-menu__left {
		width: 200px;
		position: relative
	}

	.sub-menu__left .nav-menu__right {
		display: none
	}

	.sub-menu__left:after {
		-moz-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		-webkit-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		width: 1px;
		height: 220px;
		right: 0;
		background-color: #ededed
	}

	.sub-menu__left li {
		margin-bottom: 14px
	}

	.sub-menu__left li.on span {
		color: #00B3B9
	}

	.sub-menu__left li.on span:after {
		opacity: 1;
		visibility: visible;
		transform: translateX(0)
	}

	.sub-menu__left a:hover span {
		color: #00B3B9
	}

	.sub-menu__left a:hover span:after {
		opacity: 1;
		visibility: visible;
		transform: translateX(0)
	}

	.sub-menu__left span {
		transition: color 0.4s ease;
		position: relative;
		font-size: 16px;
		line-height: 20px;
		color: #999;
		padding-left: 42px;
		display: inline-block;
		letter-spacing: 1px
	}

	.sub-menu__left span:after {
		content: "";
		display: block;
		transition: all 0.4s ease;
		transform: translateX(-10px);
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top:-1px;
		width:30px;
		height:2px;
		background-color: #00B3B9;
	}

	.sub-menu__content .hover-menu__inner {
		display: none
	}

	.sub-menu__right {
		transition: transform 0.4s ease;
		width: calc(100% - 200px);
		padding-left: 34px
	}

	.sub-menu__right .nav-menu__txt {
		font-size: 14px;
		color: #000;
		line-height: 22px;
		height: 150px;
		overflow: hidden
	}

	.sub-menu__right .nav-menu__txt h3 {
		font-size: 16px;
		margin-bottom: 18px
	}

	.sub-menu__right li {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 10px;
		width:calc(80% - 40px);
		padding: 20px;
		color:#707070;
	}

	.sub-menu__right a {
		transition: color 0.4s ease;
		font-size: 14px;
		line-height:24px;
		color:#707070;
		letter-spacing: 1px
	}

	.sub-menu__right a:hover {
		color: #00B3B9
	}

	.sub-menu__content {
		width: 50%
	}

	.sub-menu__push {
		width: 50%;
		text-align: center
	}

	.sub-menu__push ul {
		font-size: 0
	}

	.sub-menu__push li {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		max-width: 330px;
		overflow: hidden
	}

	.sub-menu__push .pic {
		overflow: hidden
	}

	.sub-menu__push a {
		display: block;
		margin: 0 12px;
		overflow: hidden
	}

	.sub-menu__push a:hover img {
		transform: scale(1.1)
	}

	.sub-menu__push a:hover p {
		color: #00B3B9
	}

	.sub-menu__push img {
		transition: transform 4s ease;
		max-width: 100%
	}

	.sub-menu__push p {
		transition: color 0.4s ease;
		font-size: 14px;
		line-height: 20px;
		color: #999;
		margin-top: 12px;
		text-align: left
	}
}

@media (max-width: 1600px) {
	.logo-head{margin-top:0px;height:142px}
	.navigation>ul {
		padding-left: 30px;
/* 		margin-top:15px; */
	}

	.navigation>ul>li {
		margin: 0 22px
	}
	
}

@media screen and (max-width: 1440px) {
	
	.logo-head{margin-top:0px;height:142px}
	/* .logo-head img{width:70%;} */
	.header {
		max-height: 142px
	}
	.wrap{padding-top: 142px;}
	
	.navigation>ul {
		padding-left: 30px;
		/* margin-top:17px; */
	}
	
	.navigation>ul>li {
		margin: 0 22px
	}

	.header-lang {
		margin-left: 20px
	}

	.header-link {
		padding-right: 20px
	}

	.header-link a {
		margin-left: 24px
	}

	.header-search {
		margin-left: 0
	}

	.sub-menu__left span {
		padding-right: 26px
	}

	.sub-menu__left span:after {
		right: 3px
	}

	.sub-menu__wrap .sub-menu__box {
		padding-top: 60px;
		padding-bottom: 70px
	}

	.logo img {
		height: 40px;
		top: 2px
	}

	.navs {
		top: -3px
	}

	.navigation>ul>li>a:before {
		bottom: -5px
	}
}

@media screen and (max-width: 1366px) {
	.logo-head{margin-top:0px;height:142px}
	/* .logo-head img{width:70%;} */
	.header {
		max-height:142px
	}
	.navigation>ul {
		padding-left: 10px;
		/* margin-top:17px; */
	}
	.site-search__search {
		top: 80px;
		padding: 24px 0
	}

	.navigation>ul>li {
		margin: 0 18px
	}

	.header-search {
		width: 77px;
		height:81px
	}

	.header-search span {
		font-size: 22px
	}

	.sub-menu__wrap,
	.sub-menu__bg {
		top: 74px
	}

	.sub-menu__right a {
		font-size: 14px
	}

	.sub-menu__push a {
		margin: 0 5px
	}
	.shl-header {
		line-height:81px
	}
	.home-video__wrap .cont .txt h3{font-size: 26px!important;}
}






@media (max-width: 1340px) {
	.logo-head{margin-top:0px;height:142px}
	/* .logo-head img{width:70%;} */
	.logo img {
		height: 26px;
		top: 4px
	}

	.navs {
		top: -1px
	}
	.navs {
	    margin: 30px 0px 20px 0px;
	}
	.navigation>ul>li>a {
		position: relative;
		padding-bottom: 34px;
	}
	.navigation>ul>li>a:before {
		/* top: 7px */
	}

	.navigation>ul {
		padding-left: 10px;
		/* margin-top:12px; */
	}
}

@media screen and (max-width: 1200px) {
	.navMenu .nLi h3 a{
		padding: 40px 10px 52px 10px;
	}
	.navMenu .sub{
		top:114px;
	}
	.newlist li {
	    padding: 0px 0px 0px 0px;
		margin: 0px 0px 8px 0px;
	}
	.logo-head{margin-top:0px;height:142px}
	/* .logo-head img{width:70%;} */
	.navigation>ul>li {
		margin: 0 12px
	}
	.navigation>ul {
		padding-left: 10px;
		/* margin-top:12px; */
	}
	.navigation>ul>li>a {
		font-size: 14px
	}

	.sub-menu__wrap .sub-menu__box {
		padding-top: 42px;
		padding-bottom: 48px
	}

	.sub-menu__left:after {
		height: 190px
	}
}

.footer-subject {
	padding:50px 0px;
	background-color: #333;
	color:#999;
}
.footer-content img{
	height:40px;
}

@media screen and (max-width: 1100px) {
	.shl-header {
		line-height: 56px
	}
	.productCont{
		height: 640px;
	}
	.newlist .dtime{
		width: 80px;
	}
	.header {
		/* padding: 10px 0; */
		height: 142px;
		background: url(../images/logoImg.png) 20px #fff no-repeat;
		background-size: auto 30px;
	}
	.header-search{margin-left:60px;background-color: transparent;}
	.header-search .icon-search{color: #003399!important;}
	.logo-head{
		max-height: 56px;
		display: none;
	}
	.logo-head img{margin-top: 6px;}

	.sub-menu__wrap,
	.sub-menu__bg {
		top: 56px
	}

	.sub-menu__right a {
		font-size: 13px;
		margin-bottom: 10px
	}

	.sub-menu__push p {
		font-size: 13px
	}
}

@media screen and (max-width: 1024px) {
	.productCont .bt b,
	.honorCont .bt b,
	.cooperateCont .sBt b,
	.bt b{
		font-size: 36px;
	}
	.bt span,
	.productCont .bt span,
	.honorCont .bt span,
	.cooperateCont .sBt span{
		font-size: 26px;
	}
	.slideGroup .parHd {
	    height: 170px;
	}
	.honorCont {
	    height: 650px;
	}
	.honorCont .title {
	    padding: 73px 0px 45px 0px;
	}
	.header {
		
		background: url(../images/logoImg.png) center #fff no-repeat;
	
	}
	.fasCont .sBt b{
		    font-size: 30px;
	}
	.cooperateCont{
		height: 680px;
	}
	.newCont{
		height: 680px;
	}
	.m-navigation {
		display: block
	}
	.wrap {
	    padding-top:56px;
	}
	.m-sub-nav__wrap {
		display: none
	}
	.shl-header {
		line-height: 56px!important;
		height:56px;
	}
	.m-sub-nav__wrap>dl>dd>a {
		background-color: #f1f1f1;
		font-size: 15px;
		color: #333;
		display: block;
		padding: 10px 35px;
		border-bottom: 1px solid #dedede
	}

	.m-sub-nav__wrap>dl>dd:last-child a {
		border-bottom: none
	}

	.m-sub-nav__main {
		display: none
	}

	.m-sub-nav__main a {
		display: block;
		font-size: 14px;
		color: #333;
		padding: 8px 55px;
		background-color: #f9f9f9;
		border-bottom: 1px solid #fff
	}

	.m-sub-nav__main li:last-child a {
		border-bottom: none
	}

	.p-navigation {
		display: none
	}

	.m-header-link {
		display: block
	}

	.p-header-link {
		display: none
	}

	.logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding-top: 5px
	}

	.header {
		padding: 0;
		height: 56px
	}

	.menu-btn {
		display: block;
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;
		z-index: 450
	}

	.menu-btn i {
		transition: all 0.4s ease;
		display: block;
		width: 24px;
		height: 3px;
		background-color: #00B3B9;
		margin: 5px 0
	}

	.header-lang a {
		font-size: 12px
	}

	.header-link a {
		display: block;
		margin-left: 0;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		color: #000
	}

	.navs {
		transition: all 0.4s ease;
		position: fixed;
		z-index: 400;
		top: 56px;
		left: 0;
		visibility: hidden;
		width: 100%;
		height: 100%;
		transform: translateY(40px);
		text-align: left;
		overflow-y: auto;
		opacity: 0
	}

	.navigation>ul {
		padding-left: 0
	}

	.navigation>ul>li {
		font-size: 16px;
		position: relative;
		display: block;
		margin: 0;
		text-align: left;
		background-color: #fff
	}

	.navigation>ul>li:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 1px;
		width: 100%;
		height: 1px;
		background-color: #f1f1f1
	}

	.navigation>ul>li:last-child:after {
		bottom: 0
	}

	.navigation>ul>li>a {
		transition: color 0.4s ease;
		font-size: 16px;
		position: relative;
		display: block;
		padding: 12px 15px;
		color: #333
	}

	.navigation>ul>li>a:after {
		position: absolute;
		top: 50%;
		right: 15px;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		content: '';
		transition: transform 0.4s ease;
		background: url(../images/arrow_down.svg) no-repeat center center;
		background-size: 24px
	}

	.navigation>ul>li.on>a {
		color: #00B3B9
	}

	.navigation>ul>li.on>a:after {
		transform: rotate(90deg)
	}

	.nav-menu__content {
		display: none;
		padding-top: 10px;
		padding-left: 20px
	}

	.nav-menu__content>ul>li {
		padding: 5px 0
	}

	.nav-menu__content>ul a {
		font-size: 14px;
		color: #666
	}

	.nav-menu__content .nav-menu__right {
		display: none
	}

	.open .menu-btn i:nth-child(1) {
		transform: translateY(10px) rotate(-45deg)
	}

	.open .menu-btn i:nth-child(2) {
		opacity: 0;
		visibility: hidden
	}

	.open .menu-btn i:nth-child(3) {
		transform: translateY(-6px) rotate(46deg)
	}

	.open .navs {
		visibility: visible;
		transform: translateY(0);
		opacity: 1;
		background-color: #fff;
		border-top:1px solid #ddd;
		margin-top:0px;
	}

	.sub-menu__wrap {
		display: none
	}

	.sub-menu__wrap .sub-menu__main {
		margin: 0
	}

	.sub-menu__right,
	.sub-menu__content {
		width: auto
	}

	.sub-menu__right,
	.sub-menu__push {
		display: none
	}
	.home-video__wrap .cont .txt h2{font-size: 20px;margin-bottom:5px!important;}
	.home-video__wrap .cont .txt h3{font-size: 20px!important;padding-bottom:0px!important;}
	.home-video__wrap .cont .txt .p1 {
		padding-bottom: 0px!important;
	}
	.home-video__wrap .cont .txt .more{margin-top:0px!important;}
}

@media screen and (max-width: 800px) {
	
		.slideBox .hd ul li{width: 60px;margin: 5px 10px;}
		.slideBox .hd{bottom:0px;}
	}



@media screen and (max-width: 640px) {
	.shl-header {
		line-height: 56px!important;
		height:56px;
	}
	.nymenubox{
		display:none;
	}
	
}

@media screen and (max-width: 500px) {
	.navs {
		width: 100%
	}
	.shl-header {
		line-height: 56px!important;
		height:56px;
	}
	.nymenubox{
		display:none;
	}
}



.s-header {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff
}

.s-header .header-search {
	margin-left: 0
}

.sh-inner {
	position: relative;
	height: 90px;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto
}

.sh-logo {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px
}

.sh-logo img {
	height: 40px
}

.sh-menu {
	margin-left: 240px;
	font-size: 0
}

.sh-menu>li {
	display: inline-block;
	vertical-align: top
}

.sh-menu>li:nth-of-type(n+2) {
	margin-left: 50px
}

.sh-mlink {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 90px;
	color: #000;
	overflow: hidden
}

.sh-mlink::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	background-color: #074396;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .4s;
	transition: all .4s
}

.sh-mlink.active::after {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.s-sub {
	position: fixed;
	z-index: 50;
	top: 90px;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.s-sub.show {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.smenu-item {
	font-size: 0;
	position: relative;
	z-index: 1;
	background-color: #f3f4f5;
	display: none
}

.smenu-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 32%;
	background-color: #fff
}

.smenu-item.active {
	display: block
}

.smenu-left {
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding-top: 20px;
	padding-bottom: 30px
}

.smenu-right {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 68%;
	padding-top: 20px;
	padding-bottom: 30px
}

.smenu-right.bg::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 340px;
	background-color: #f8f9fa
}

.smenu-li.active .smenu-link {
	background-color: #074396;
	color: #fff
}

.smenur-item {
	display: none
}

.smenur-item.active {
	display: block
}

.smenu-link {
	display: block;
	font-size: 16px;
	line-height: 3;
	text-align: left;
	color: #000;
	padding-left: calc((100vw - 1400px)/2);
	-webkit-transition: all .3s;
	transition: all .3s
}

.smenur-intro {
	display: inline-block;
	vertical-align: top;
	width: 380px;
	margin-left: 120px
}

.smenur-intro h2 {
	font-size: 16px;
	line-height: 3;
	color: #074396
}

.smenur-desc {
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.smenur-img {
	display: inline-block;
	vertical-align: top;
	margin-left: 180px
}

.smenur-img img {
	display: block;
	max-width: 300px
}

.smc-ul>li {
	display: inline-block;
	vertical-align: top;
	width: 130px
}

.smc-li.active .smc-link {
	color: #074396
}

.smc-link {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 2;
	color: #000;
	-webkit-transition: all .3s;
	transition: all .3s
}

.smenur-cate {
	display: inline-block;
	vertical-align: top;
	width: 380px;
	margin-left: 120px
}

.smenur-cateinfo {
	display: inline-block;
	vertical-align: top;
	width: 350px;
	margin-left: 180px
}

.smci-item {
	display: none
}

.smci-item.active {
	display: block
}

.smci-item h3 {
	font-size: 16px;
	line-height: 2;
	color: #333;
	margin-top: .5em
}

.smenu-pul {
	position: relative;
	z-index: 2;
	padding-left: 120px;
	display: inline-block;
	vertical-align: top;
	width: 340px
}

.smenu-pitem {
	display: none
}

.smenu-pitem.active {
	display: block
}

.smenu-psub,
.smenu-pintro {
	display: inline-block;
	vertical-align: top
}

.sh-lang {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.shl-header {
	position: relative;
	font-size: 14px;
	line-height:77px;
	width: 80px;
	color: #0e4595;
	cursor: pointer;
	text-align: center
}

.shl-header i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -.5em;
	margin-top: .75em;
	display: inline-block;
	vertical-align: top;
	vertical-align: middle;
	font-size: 14px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.shl-header.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.shl-select {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	display: none;
	margin-top: -1px
}

.shl-option {
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #666;
	border-top: 1px solid #eee;
	background-color: #fff;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s
}

.shl-option.active,
.shl-option:hover {
	color: #fff;
	background-color: #0e4595
}

.shl-option:last-of-type {
	border-bottom: 1px solid #eee
}


.footer-subject:after {
	content: "";
	display: block;
	float: none;
	clear: both
}

.footer-intro {
	background-color: #252525;
	border-top: 1px solid #2d2d2d;
	color: #4c4c4c;
}

.footer-navigation {
	margin-top: 10px;
	margin-left: 100px;
}

.footer-navigation a {
	display: inline-block;
	vertical-align: top;
	margin-right:2.6vw;
	padding-bottom: 24px;
	position: relative;
	color:#999;
	font-size: 14px;
	font-weight: 400;
}
.footer-navigation a:hover{
	color:#fff;
	text-decoration: none;
}
.footer-navigation dt {
	padding-left: 20px;
	position: relative;
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px
}
.footer-navigation p{
	font-size: 14px;
	font-weight: 400;
}
.footer-navigation .item:nth-child(1) dt:before {
	content: "";
	width:32px;
	height:32px;
	background: url(../images/footer-icon4.jpg);
	position: absolute;
	left:-16px;
	top: 50%;
	margin-top:-16px
}
.footer-navigation .item:nth-child(1) dt:before {
	content: "";
	width:32px;
	height:32px;
	background: url(../images/footer-icon4.jpg);
	position: absolute;
	left:-16px;
	top: 50%;
	margin-top:-16px
}
.footer-navigation .item:nth-child(2) dt:before {
	content: "";
	width:32px;
	height:32px;
	background: url(../images/footer-icon5.jpg);
	position: absolute;
	left:-16px;
	top: 50%;
	margin-top:-16px
}
.footer-navigation .item:nth-child(3) dt:before {
	content: "";
	width:32px;
	height:32px;
	background: url(../images/footer-icon6.jpg);
	position: absolute;
	left:-16px;
	top: 50%;
	margin-top:-16px
}
.footer-navigation .item:nth-child(4) dt:before {
	content: "";
	width:32px;
	height:32px;
	background: url(../images/footer-icon7.jpg);
	position: absolute;
	left:-16px;
	top: 50%;
	margin-top:-16px
}

.footer-navigation dd {
	margin-bottom: 8px;
	padding-left: 20px
}

.footer-navigation dd a {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	font-size: 14px;
	color: #999
}

.footer-navigation dd a:hover {
	color: #fff
}

.footer-content {
	font-size: 0
}

.foot-share,
.foot-text {
	display: inline-block;
	vertical-align: top;
	padding-top: 50px;
}

.foot-share {
	text-align: center;
	padding-top:95px;
}
.foot-share .column {
	margin-bottom: 16px
}

.foot-share img {
	margin-bottom: 12px;
	width:118px
}

.foot-share span {
	display: block;
	color:#4c4c4c;
	font-size: 14px;
	cursor: pointer
}

.foot-text {
	margin-top:0px;
	color: #b3b3b3;
	padding-right:50px;
}
.foot-text h2{
	padding:15px 0px;
	font-size: 16px;
}
.foot-text p,
.foot-text a {
	font-size: 14px;
	line-height: 21px;
	color: #b3b3b3;
}
.foot-icon1{
	padding-left:2vw;
	padding-top:10px;
	background: url(../images/footer-icon1.jpg) no-repeat 0px 10px;	
}
.foot-icon2{
	padding-left:2vw;
	padding-top:10px;
	background: url(../images/footer-icon2.jpg) no-repeat 0px 10px;	
}
.foot-icon3{
	padding-left:2vw;
	padding-top:10px;
	background: url(../images/footer-icon3.jpg) no-repeat 0px 10px;	
}
.footer-intro {
	padding: 18px 0
}

.footer-intro:after {
	content: "";
	display: block;
	clear: both
}

.foot-copyright {
	margin-top: 4px
}

.foot-copyright p,
.foot-copyright a {
	font-size: 12px;
	line-height: 20px;
	color: #999
}

.foot-outside__link {
	font-size: 0
}

.foot-outside__link a {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	text-transform: uppercase
}

.back-top {
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	-webkit-transition: background 0.4s ease;
	transition: background 0.4s ease;
	width: 86px;
	height: 83px;
	position: relative;
	text-align: center
	background: url(../images/Top.png)  #00B3B9 no-repeat
}

.back-top span {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding-left: 1px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 15px;
	color: #fff
}

body #ECHAT_mini_icon,
body #ECHAT_icon_link,
body #ECHAT_icon,
body #ECHAT_invite {
	display: none !important
}
.fixedR{
	width: 86px;
	height: auto;
	position:fixed;
	bottom: 50px;
	right: 0;
	z-index: 1000
}
.fixedR .item{
	position: relative;
	margin-bottom: 6px;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	width: 86px;
	height: 82px;
	cursor: pointer;
	background-color: #fff;
	float: left;
}

.fixedR .weixin img{
	width: 70px;
	padding: 0px 10px 0px 0px;
}
.fixedR img{
	padding: 15px 15px 10px 15px;
	width: auto;
}

.fixed-tel span,
.fixedR span{position:relative;z-index:2;display:block;font-size:14px;width:86px;text-align: center;background-color: #fff;color: #00B3B9}
.fixed-wx:hover .weixin {visibility: visible;opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}
.fixed-tel:hover .ftel-number {visibility: visible;opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}
.fixedR .item:last-child,
.fixedR .item:last-child span{
	background: #00B3B9;
	color: #fff;
}
.fixedR .item:last-child img{
	padding: 7px 15px 10px 15px;
}
.ftel-number {
	position: absolute;
	top: 0;
	right: 100%;
	height: 82px;
	line-height: 82px;
	padding-left: 20px;
	background-color: #fff;
	color: #00B3B9;
	font-weight: 700;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.weixin {
	position: absolute;
	top: 0;
	right: 100%;
	height: 82px;
	line-height: 82px;
	padding-left: 20px;
	background-color: #fff;
	color: #00B3B9;
	font-weight: 700;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.modla-lang__wrap {
	display: none;
	position: relative;
	z-index: 400
}

.modla-lang__bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1200
}

.modal-lang__main {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 540px;
	height: 240px;
	background-color: #fff;
	padding: 30px 20px;
	margin-top: -120px;
	margin-left: -270px;
	z-index: 1300
}

.modal-lang__main .title {
	text-align: center;
	font-size: 20px;
	color: #333;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc
}

.modal-lang__list {
	margin-top: 34px
}

.modal-lang__list ul {
	font-size: 0
}

.modal-lang__list li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	width: 25%;
	text-align: center;
	margin-bottom: 20px
}

.modal-lang__list a {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	font-size: 16px;
	color: #999;
	text-transform: uppercase;
	line-height: 22px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center
}

.modal-lang__list a:hover {
	color: #00B3B9
}

.modal-lang__list .lang-en a {
	background-image: url(../images/icon-flag06.jpg);
	background-size: 20px 13px
}

.modal-lang__list .lang-ru a {
	background-image: url(../images/icon-flag08.jpg);
	background-size: 20px 13px
}

.modal-lang__list .lang-es a {
	background-image: url(../images/icon-flag03.jpg);
	background-size: 20px 13px
}

.modal-lang__list .lang-fr a {
	background-image: url(../images/icon-flag07.jpg);
	background-size: 20px 13px
}

.modal-lang__list .lang-de a {
	background-image: url(../images/icon-flag09.jpg);
	background-size: 20px 13px
}

.modal-lang__list .lang-jp a {
	background-image: url(../images/icon-flag05.jpg);
	background-size: 20px 13px
}

.modal-lang__list .lang-it a {
	background-image: url(../images/icon-flag02.jpg);
	background-size: 20px 13px
}

.modal-lang__list .lang-tr a {
	background-image: url(../images/icon-flag04.jpg);
	background-size: 20px 13px
}

.modal-lang__close {
	-moz-transition: color 0.4s ease, -moz-transform 0.4s ease;
	-o-transition: color 0.4s ease, -o-transform 0.4s ease;
	-webkit-transition: color 0.4s ease, -webkit-transform 0.4s ease;
	transition: color 0.4s ease, transform 0.4s ease;
	position: absolute;
	right: 20px;
	top: 20px;
	color: #333;
	font-size: 18px
}

.modal-lang__close:hover {
	color: #00B3B9;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (min-width: 1025px) {
	.back-top:hover {
		background-color: #fff
	}

	.back-top:hover span {
		color: #00B3B9
	}
}

@media screen and (max-width: 1440px) {
	.footer-navigation dt {
		margin-bottom: 22px;
		font-size: 15px
	}

	.footer-navigation dd a {
		font-size: 13px
	}

	.foot-text {
		margin-left: 28px
	}

	.foot-text p,
	.foot-text a {
		font-size: 13px
	}

	/* .chat-wrap {
		width: 60px;
		height: 60px;
		background-size: 60px
	}

	.fixed-tel {
		bottom: 100px;
		width: 60px;
		height: 60px
	}

	.fixed-tel span {
		line-height: 60px;
		width: 60px;
		font-size: 24
	}

	.ftel-number {
		height: 60px;
		line-height: 60px
	} */
}

@media screen and (max-width: 1200px) {
	.footer-navigation .item {
		margin-right: 40px
	}
}

@media screen and (max-width: 1100px) {
	.footer-navigation .item {
		margin-right: 30px
	}
}

@media screen and (max-width: 1024px) {
	.newlist {
		padding: 15px 15px 0px 15px;
	}
	.newlist li {
	    margin: 0px 0px 4px 0px;
		padding:0px;
	}
	

	.footer .foot-text {
		display: block;
		text-align: left;
		margin-left: 0;
		margin-top: 0
	}
	.footer .foot-text p{
		padding-left:30px;
	}
	.foot-text h2 {
	    padding:10px 0px;
	    font-size: 16px;
	}
	.foot-text h3 {margin-top:15px;!important}

	

	.footer-subject {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.foot-text p,
	.foot-text a {
		font-size: 12px
	}

	.footer-intro {
		padding: 8px 0
	}

	.foot-outside__link {
		float: none;
		text-align: center
	}

	.modal-lang__main {
		height: 200px;
		margin-top: -100px
	}

	.modal-lang__main .title {
		font-size: 18px;
		padding-bottom: 20px
	}

	.modal-lang__list {
		margin-top: 26px
	}

	.modal-lang__list li {
		margin-bottom: 14px
	}

	/* .chat-wrap {
		width: 45px;
		height: 45px;
		background-size: 45px
	}

	.fixed-tel {
		bottom: 85px;
		width: 45px;
		height: 45px
	}

	.fixed-tel span {
		line-height: 45px;
		width: 45px;
		font-size: 20px
	}

	.ftel-number {
		height: 45px;
		line-height: 45px
	} */
}
@media screen and (max-width: 768px) {
		.slideBox .hd ul {margin-bottom: 15px;}
		.slideBox .hd ul li{width: 30px;margin: 5px 10px;}
		.slideBox .hd{bottom:0px;}
		.productCont .bt b,
		.honorCont .bt b,
		.cooperateCont .sBt b,
		.bt b{
			font-size: 30px;
		}
		.bt span,
		.productCont .bt span,
		.honorCont .bt span,
		.cooperateCont .sBt span{
			font-size: 20px;
		}
		
		.productCont{
			height: 400px;
		}
		.newCont{
			height:inherit;
			padding:60px 0px;
			    background: url(../images/newbg.png) center bottom rgba(0,0,0,0.1) no-repeat;
			
		}
		.footer-navigation{
			float: right;
		}
		.honorCont{
			height: 680px;
		}
		.cooperateCont{
			height: 1200px;
		}
		.moreBtnStyle2{
			margin-bottom: 40px;
		}
		.newCont .title {
		    margin-bottom: 30px;
		}
		
		.honorCont .title {
		    padding: 43px 0px 30px 0px;
		}
		.slideGroup .parHd{
			height: 120px;
		}
		.productCont .more{
			display: none;
		}
		
		
	}
@media screen and (max-width: 640px) {
	
	

	/* .chat-wrap {
		width: 38px;
		height: 38px;
		background-size: 38px
	}

	.fixed-tel {
		bottom: 78px;
		width: 38px;
		height: 38px
	}

	.fixed-tel span {
		line-height: 38px;
		width: 38px;
		font-size: 20px
	}

	.ftel-number {
		height: 38px;
		line-height: 38px;
		font-size: 14px
	} */
}

.home-banner__wrap {
	position: relative
}

.vm span,
.vm a {
	transition: color 0.4s ease;
	font-size: 14px;
	color: #999;
	font-family: ""
}

.vm a:hover {
	color: #e30b20
}

.vm span:hover {
	color: #e30b20
}

.home-banner__slide {
	font-size: 0;
	overflow: hidden
}
.home-banner__slide  .draggable{padding:0px!important;}

.home-banner__slide.slick-vertical .slick-slide {
	border: none
}

.home-banner__slide .item {
	position: relative
}

.home-banner__slide figure img {
	width: 100%
}

.home-banner__slide .m-pic img {
	width: 100%
}

.home-banner__slide .slick-dots {
	position: absolute;
	right: 13.02083vw;
	top: 17.1875vw;
	text-align: right;
	font-size: 0;
	overflow: hidden
}

.home-banner__slide .slick-dots li {
	margin-bottom: 4px
}

.home-banner__slide .slick-dots button {
	position: relative;
	border: none;
	cursor: pointer;
	/* text-indent: -999999999999999px; */
	height: 15px;
	width: 60px;
	padding: 10px 0;
	background-color: transparent
}

.home-banner__slide .slick-dots button:before,
.home-banner__slide .slick-dots button:after {
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -1px
}

.home-banner__slide .slick-dots button:before {
	width: 0;
	height: 2px;
	background-color: #e30b20;
	z-index: 10
}

.home-banner__slide .slick-dots button:after {
	width: 30px;
	height: 2px;
	background-color: #fff
}

.home-banner__slide .slick-dots .slick-active button:before {
	animation: dotWidth 3s linear 1 forwards
}



@keyframes dotWidth {
	0% {
		width: 0
	}

	100% {
		width: 30px
	}
}

@-webkit-keyframes dotWidth {
	0% {
		width: 0
	}

	100% {
		width: 30px
	}
}

.home-banner__text {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	padding-left: 358px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	pointer-events: none;
	max-width: 1200px
}

.home-banner__text .title {
	margin-bottom: 10px;
	pointer-events: none
}

.home-banner__text .title p {
	font-size: 42px;
	color: #00B3B9;
	text-transform: uppercase
}

.home-banner__text .txt {
	pointer-events: none;
	margin-bottom: 35px
}

.home-banner__text .txt p {
	font-size: 26px;
	color: #e30b20
}

.home-banner__text .vm {
	display: inline-block;
	pointer-events: auto
}

.home-banner__page {
	position: absolute;
	right: 12.5vw;
	bottom: 5.20833vw;
	font-size: 0
}

.home-banner__page div,
.home-banner__page i {
	display: inline-block;
	vertical-align: middle
}

.home-banner__page .current-page {
	font-size: 16px;
	color: #fff
}

.home-banner__page i {
	width: 1px;
	height: 18px;
	background-color: #fff;
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
	margin-left: 10px;
	margin-right: 10px;
	opacity: .6
}

.home-banner__page .total-page {
	font-size: 16px;
	color: #fff;
	opacity: .6
}

.home-product__wrap {
	font-size: 0;
	position: relative
}

.home-product__wrap .item {
	width: 50%;
	position: relative;
	display: inline-block;
	vertical-align: top
}

.home-product__wrap .item:hover .home-product__cont .pic {
	animation: imgDown 2s 1 linear
}

.home-product__wrap .item:after {
	content: "";
	display: block;
	padding-top: 58.3333%
}

.home-product__wrap a {
	display: block
}

.home-product__wrap .bg-pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.home-product__wrap .home-product__main {
	position: absolute;
	left: 0;
	top: 4.47917vw;
	width: 100%;
	padding: 0 7.8125vw
}

.home-product__wrap .home-product__arrow a {
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	background-color: rgba(147, 147, 147, 0.3)
}

.home-product__wrap .home-product__arrow a:hover {
	background-color: #939393;
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.home-product__wrap .home-product__arrow .slide-prev {
	left: 24px
}

.home-product__wrap .home-product__arrow .slide-next {
	right: 24px
}

.home-product__headline {
	margin-bottom: 40px
}

.home-product__headline .attr-name {
	float: left;
	margin-top: 4px
}

.home-product__headline .attr-name i,
.home-product__headline .attr-name span {
	display: inline-block;
	vertical-align: middle
}

.home-product__headline .attr-name i {
	display: none;
	width: 3px;
	height: 30px;
	background-color: #00B3B9;
	margin-top: 3px
}

.home-product__headline .attr-name span {
	padding-left: 8px;
	border-left: 3px solid #00B3B9;
	font-size: 20px;
	color: #00B3B9
}

.home-product__headline .round-add {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	float: right;
	width: 30px;
	height: 30px;
	background-color: #00B3B9;
	border-radius: 50%;
	position: relative
}

.home-product__headline .round-add span {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: #fff
}

.home-product__headline .round-add:hover {
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}

.home-product__headline:after {
	content: "";
	display: block;
	clear: both
}

.home-product__cont .inner,
.home-product__cont .pic {
	display: inline-block;
	vertical-align: middle
}

.home-product__cont .title {
	font-size: 18px;
	color: #000;
	margin-bottom: 26px
}

.home-product__cont .txt {
	margin-bottom: 30px
}

.home-product__cont .txt p {
	font-size: 16px;
	color: #999
}

.home-product__cont .inner {
	padding-right: 80px;
	padding-left: 16px;
	max-width: 50%
}

.home-product__cont .pic {
	max-width: 50%
}

.home-product__cont .pic img {
	max-width: 100%
}

.home-case__wrap {
	font-size: 0;
	margin-bottom: 6.77083vw
}

.home-case__wrap figure {
	-moz-transition: -moz-transform 2s ease;
	-o-transition: -o-transform 2s ease;
	-webkit-transition: -webkit-transform 2s ease;
	transition: transform 2s ease;
	padding-top: 35.42%;
	position: relative
}

.home-case__wrap figure:after {
	-moz-transition: background 1s;
	-o-transition: background 1s;
	-webkit-transition: background 1s;
	transition: background 1s;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(8, 26, 51, 0.3)
}

.home-case__wrap article {
	position: absolute;
	left: 7.8125vw;
	bottom: 115px;
	padding: 20px 30px 55px 36px;
	min-width: 390px
}

.home-case__wrap .item {
	position: relative
}

.home-case__wrap a {
	display: block
}

.home-case__wrap a:hover figure:after {
	background-color: rgba(8, 26, 51, 0)
}

.home-case__wrap .title {
	margin-bottom: 20px
}

.home-case__wrap .title i,
.home-case__wrap .title span {
	display: inline-block;
	vertical-align: top
}

.home-case__wrap .title i {
	display: none;
	width: 3px;
	height: 25px;
	background-color: #fff;
	margin-right: 10px
}

.home-case__wrap .title span {
	padding-left: 8px;
	border-left: 3px solid #fff;
	font-size: 22px;
	color: #fff;
	letter-spacing: 6px
}

.home-case__wrap .txt {
	margin-bottom: 6px
}

.home-case__wrap .txt p {
	font-size: 16px;
	color: #fff;
	letter-spacing: 6px
}

.slide-arrow a {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border: none;
	width: 30px;
	height: 30px;
	background-color: #00B3B9;
	border-radius: 50%;
	margin-right: 10px
}

.slide-arrow a span {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	margin-left: -8px
}

.slide-arrow a:hover {
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}

.slide-arrow a:hover span {
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}

.home-case__arrow {
	position: absolute;
	left: 7.8125vw;
	bottom: 90px;
	margin-left: 40px;
	width: 220px
}

.home-case__arrow .news-tr-num .now {
	color: #fff
}

.home-case__arrow.slide-arrow a {
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	background-color: rgba(255, 255, 255, 0.6)
}

.home-case__arrow.slide-arrow a span {
	color: #00B3B9
}

.home-case__arrow.slide-arrow a:hover {
	background-color: #fff;
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.home-video__wrap {
	background-color: #f0f0f0;
	font-size: 0;
	position: relative;
	margin-bottom: 2.77083vw
}

.home-video__wrap:after {
	content: "";
	display: block;
	clear: both
}

.home-video__wrap .pic {
	float: left
}

.home-video__wrap .cont {
	float:right;
	width: 50%;
	padding: 0 4.07292vw
}

.home-video__wrap .cont .txt {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width:40%
}
.home-video__wrap .cont .txt h2{font-size: 24px;color: #111;padding-bottom:10px;position: relative;margin-bottom:15px;}
.home-video__wrap .cont .txt h2::after{position: absolute;content: '';left:0px;bottom:0px;width:20px;border-bottom: 1px solid #00B3B9;}
.home-video__wrap .cont .txt h3{font-size:36px;color: #00B3B9;padding-bottom: 15px;}
.home-video__wrap .cont .txt .p1{font-size:14px;color: #666;padding-bottom:50px;}
.home-video__wrap .cont .txt .p2{font-size:14px;color: #999;padding-bottom:40px;}

.home-video__wrap .cont .txt .numbox{}
.home-video__wrap .cont .txt .numbox li{width: 25%;float: left;}
.home-video__wrap .cont .txt .numbox li b{font-size: 36px;color: #333;height: 40px;line-height: 42px;}
.home-video__wrap .cont .txt .numbox li i{font-size:24px;color: #333;vertical-align: top;}
.home-video__wrap .cont .txt .numbox li span{color: #999;font-size: 18px;vertical-align:text-bottom;display: inline-block;padding-left:4px;}
.home-video__wrap .cont .txt .numbox li p{color: #999;font-size: 16px;display: block;}

.home-video__wrap .cont .txt .numbox li .num-text{display: block;clear: both;}
.home-video__wrap .cont .txt .more{color: #666;border-bottom: 1px solid #ababab;font-size:14px;margin-top:60px;display:inline-block;transition:.3s;}
.clear{clear: both;}
.home-video__wrap .cont .txt .more:hover{font-size:16px;}
/* .home-video__wrap .cont .txt:before,
.home-video__wrap .cont .txt:after {
	display: block;
	position: absolute;
	font-size: 13.02083vw;
	color: #00B3B9;
	font-family: "segoeuibold";
	opacity: .06;
	top: 0;
	line-height: .44;
	pointer-events: none
}
 */
/* .home-video__wrap .cont .txt:before {
	content: "\201C";
	left: -3.54167vw
} */

/* .home-video__wrap .cont .txt:after {
	content: "\201D";
	right: -3.54167vw;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	line-height: 0;
	top: -1.97917vw
} */

.home-video__wrap .cont p {
	font-size: 18px;
	line-height: 28px;
	color: #00B3B9;
	letter-spacing: 1px
}

.home-video__wrap .pic {
	width: 50%;
	position: relative
}

.home-video__wrap .pic:after {
	content: "";
	display: block;
	padding-top:65%;
}

.home-video__wrap .vid-btn {
	transition: background 0.4s ease, border 0.4s ease;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width:90px!important;
	height:90px!important;
	border:13px solid #c4c4c8;
	background-color:rgba(255,255,255,0.9);
	border-radius: 50%
}

.home-video__wrap .vid-btn span {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #7c7e83
}

.home-video__wrap .vid-btn:hover {
	background-color: #00B3B9;
	border-color: #00B3B9
}

.home-video__wrap .vid-btn:hover span {
	color: #fff
}

.modia-video__wrap {
	display: none;
	position: relative;
	z-index: 600
}

.modia-video__wrap .close-vid {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	position: fixed;
	right: 40px;
	top: 40px;
	font-size: 24px;
	color: #fff;
	z-index: 650
}

.modia-video__wrap .close-vid:hover {
	color: #00B3B9
}

.modai-video__main,
.modia-video__bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.modia-video__bg {
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 550
}

.modai-video__main {
	z-index: 600
}

.modai-video__main video {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home-project__wrap {
	position: relative;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 7.8125vw
}

.home-project__wrap .slick-dots {
	display: none !important
}

.home-project__slide {
	z-index: 10;
	margin-right: -30px;
	margin-left: -30px
}

.home-project__slide figure {
	padding-top: 60.49382716%
}

.home-project__slide article {
	display: none
}

.home-project__slide .slick-slide {
	overflow: hidden
}

.home-project__slide .slick-slide>div {
	margin: 0 30px
}

.home-project__slide .item {
	position: relative
}

.home-project__slide .item_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
	z-index: 10;
	display: none
}

.home-project__func {
	position: absolute;
	left: calc(50% - 30px);
	top: 0;
	width: calc(25% - 30px);
	height: 100%;
	display: block;
	padding: 0 3.125vw;
	z-index: 30;
	background-color: #fff
}

.home-project__func .slide-line {
	width: 90px;
	height: 4px;
	background-color: #00B3B9;
	position: absolute;
	left: -45px;
	top: 9.0625vw
}

.home-project__func .slide-arrow {
	position: absolute;
	bottom: 50px
}

.home-project__func .slide-page {
	position: absolute;
	right: 3.125vw;
	bottom: 50px;
	width: 50px;
	height: 30px
}

.home-project__func .slide-page .current-page {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-family: "";
	color: #00B3B9;
	vertical-align: top
}

.home-project__func .slide-page i {
	position: absolute;
	top: 4px;
	left: 30px;
	width: 1px;
	height: 30px;
	transform: rotate(45deg);
	background-color: #ccc;
	vertical-align: top
}

.home-project__func .slide-page .total-page {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	font-family: "";
	color: #ccc;
	vertical-align: top
}

.home-project__inner .title {
	font-size: 24px;
	color: #000;
	padding-top: 4.16667vw;
	padding-bottom: 4.89583vw
}

.home-project__inner .txt {
	font-size: 14px;
	line-height: 26px;
	color: #999;
	height: 120px;
	overflow: hidden;
	padding-bottom: 10px
}

@media screen and (max-width: 1800px) {
	.home-project__inner .title {
		padding-top: 40px;
		padding-bottom: 60px
	}
}

@media screen and (max-width: 1700px) {
	.home-project__slide .slick-slide>div {
		margin: 0 20px
	}
}

@media screen and (max-width: 1600px) {
	.home-banner__text article {
		left: 10.41667vw
	}

	.home-product__headline {
		margin-bottom: 20px
	}

	.home-case__wrap .title i {
		width: 5px
	}

	.home-case__wrap .title span {
		font-size: 20px
	}

	.home-video__wrap .vid-btn {
		width: 48px;
		height: 48px;
	}

	.home-video__wrap .vid-btn span {
		font-size:30px
	}

	.home-project__inner .title {
		padding-top: 20px;
		padding-bottom: 30px;
		font-size: 22px
	}

	.home-project__func .slide-arrow,
	.home-project__func .slide-page {
		bottom: 30px
	}

	.home-project__func .slide-line {
		width: 70px;
		height: 3px
	}
}

@media screen and (max-width: 1440px) {
	.home-case__wrap article {
		bottom: 80px
	}

	.home-case__arrow {
		bottom: 50px
	}

	.home-product__cont .inner {
		padding-right: 60px
	}
	.home-video__wrap .vid-btn {
		width:65px!important;
		height:65px!important;
		border-width: 8px;
	}
	
	.home-video__wrap .vid-btn span {
		font-size:24px
	}
}

@media screen and (max-width: 1366px) {
	.home-banner__text {
		padding-left: 6.25vw
	}
	.home-video__wrap .cont .txt .more {margin-top:20px!important;}
	.home-video__wrap .cont .txt .p2{padding-bottom: 15px;}
	.home-video__wrap .cont .txt .p1{padding-bottom:0px ;}
	.home-banner__text .title p {
		font-size: 38px
	}

	.home-banner__text .txt p {
		font-size: 24px
	}

	.home-project__slide .slick-slide>div {
		margin: 0 15px
	}

	.home-project__inner .title {
		padding-top: 14px;
		padding-bottom: 22px;
		font-size: 20px
	}
	
}

@media screen and (max-width: 1260px) {
	.home-project__slide {
		width: 1000px
	}

	.home-project__func {
		left: inherit;
		right: 0;
		width: calc(100% - 805px)
	}
}

@media screen and (max-width: 1200px) {
	.home-product__wrap .home-product__main {
		padding: 0 40px
	}

	.home-product__cont .title {
		margin-bottom: 16px
	}

	.home-product__cont .txt {
		margin-bottom: 22px
	}

	.home-video__wrap .cont p {
		font-size: 16px
	}
	.home-video__wrap .cont .txt .more {margin-top:15px!important;}
	.home-video__wrap .cont .txt .p2{padding-bottom: 10px;}
	.home-video__wrap .cont .txt .p1{padding-bottom:15px ;}
	.home-video__wrap .cont .txt h3{font-size:24px;}
	.home-video__wrap .cont .txt .numbox li b {font-size: 30px;}
}

@media screen and (max-width: 1100px) {
	.home-project__slide {
		width: 800px
	}

	.home-project__func {
		width: calc(100% - 605px)
	}
	
	.home-video__wrap .cont .txt .more {margin-top:0px!important;}
	.home-video__wrap .cont .txt .p2{padding-bottom: 10px;}
	.home-video__wrap .cont .txt .p1{padding-bottom:15px ;}
	.home-video__wrap .cont .txt h3{font-size:24px;}
	.home-video__wrap .cont .txt .numbox li b {font-size:22px;}
	.home-video__wrap .cont .txt .numbox li p {font-size:14px;}
	.home-video__wrap .cont .txt .numbox li span{font-size: 16px;}
}

@media screen and (max-width: 1024px) {
	.home-banner__slide .slick-dots {
		top: 50%;
		transform: translateY(-50%)
	}

	.home-banner__slide .slick-dots li {
		margin-bottom: 5px
	}

	.home-banner__slide .slick-dots button {
		height: 12px
	}

	.home-banner__slide .slick-dots button:after,
	.home-banner__slide .slick-dots button:before {
		height: 2px
	}

	.home-banner__text {
		padding-left: 40px
	}

	.home-banner__text .title p {
		font-size: 32px
	}

	.home-banner__text .txt {
		margin-bottom: 24px
	}

	.home-banner__text .txt p {
		font-size: 20px
	}

	.home-product__wrap .item {
		width: 100%
	}

	.home-product__wrap .item:after {
		padding-top: 60%
	}

	.home-product__cont .title {
		font-size: 16px;
		margin-bottom: 12px
	}

	.home-product__cont .txt {
		margin-bottom: 16px
	}

	.home-product__cont .txt p {
		font-size: 14px
	}

	.home-case__wrap article {
		left: 40px;
		bottom: 50px
	}

	.home-case__wrap figure {
		padding-top: 45%
	}

	.home-case__arrow {
		left: 40px;
		bottom: 20px
	}

	.home-video__wrap .pic {
		width: 40%
	}

	.home-video__wrap .pic:after {
		padding-top: 66%
	}

	.home-video__wrap .cont {
		width: 60%
	}

	.home-video__wrap .cont .txt {
		max-width:74%;
		width:74%;
	}

	.home-video__wrap .cont .txt:before {
		left: 0
	}

	.home-video__wrap .cont .txt:after {
		right: 0
	}

	.home-project__func {
		padding: 0 30px
	}

	.isword-item__txt {
		padding-top: 26px
	}
	.home-video__wrap .cont .txt .p2{display: none;}
	.home-video__wrap .cont .txt h2{font-size: 20px!important;margin-top:5px!important;}
	.home-video__wrap .cont .txt h3 {
	    padding-bottom: 10px;font-size: 22px;
	}
	.home-video__wrap .cont .txt .p1 {
	    padding-bottom: 0px;
	}
	.home-video__wrap .cont .txt .numbox li {
	    width: 20%;
	}
	
}

@media screen and (max-width: 850px) {
	.home-project__wrap {
		margin-bottom: 50px
	}

	.home-project__inner {
		display: none
	}

	.home-project__slide {
		width: 100%;
		margin-right: 0;
		margin-left: 0
	}

	.home-project__slide .slick-slide>div {
		margin: 0
	}

	.home-project__slide article {
		display: block;
		padding: 20px
	}

	.home-project__slide article .title {
		font-size: 20px;
		color: #000;
		margin-bottom: 15px
	}

	.home-project__slide article .txt {
		font-size: 14px;
		line-height: 26px;
		color: #999;
		margin-bottom: 20px
	}

	.home-project__func {
		margin-top: 10px;
		position: relative;
		top: inherit;
		right: inherit;
		width: 100%;
		text-align: center;
		padding: 0 20px
	}

	.home-project__func .slide-line {
		display: none
	}

	.home-project__func .slide-arrow {
		position: relative;
		bottom: inherit;
		float: left
	}

	.home-project__func .slide-page {
		display: inline-block;
		position: relative;
		bottom: inherit;
		right: inherit
	}

	.home-project__func:after {
		content: "";
		display: block;
		clear: both
	}
	.home-video__wrap .cont .txt h2{font-size: 20px;margin-bottom: 10px;}
	.home-video__wrap .cont .txt h3 {padding-bottom:5x;font-size:18px;}
	.home-video__wrap .cont .txt .numbox li b{line-height: 30px;height:30px;}
	.home-video__wrap .cont .txt {max-width: 70%;}
}

@media screen and (max-width: 800px) {

	.home-video__wrap .pic,
	.home-video__wrap .cont {
		float: none;
		width: 100%
	}

	.home-video__wrap .cont {
		padding: 30px 20px
	}

	.home-video__wrap .cont .txt {
		position: inherit;
		left: inherit;
		top: inherit;
		transform: translateY(0);
		max-width: 100%
	}

	.home-product__wrap .home-product__main {
		padding: 0 20px
	}

	.home-product__headline .round-add {
		width: 24px;
		height: 24px
	}

	.home-product__headline .round-add span {
		font-size: 14px
	}

	.home-product__headline .attr-name span {
		font-size: 18px
	}

	.home-banner__text {
		padding: 0 20px
	}

	.home-banner__text .title {
		margin-bottom: 5px
	}

	.home-banner__text .title p {
		font-size: 24px
	}

	.home-banner__text .txt p {
		font-size: 18px
	}

	.home-case__wrap,
	.home-video__wrap {
		margin-bottom: 50px
	}

	.home-case__wrap article {
		bottom: 80px;
		left: 0;
		padding: 0 20px
	}

	.home-case__wrap .title {
		margin-bottom: 12px
	}

	.home-case__wrap .title i {
		width: 3px;
		height: 20px;
		margin-top: 3px
	}

	.home-case__wrap .title span {
		font-size: 18px;
		letter-spacing: 4px
	}

	.home-case__wrap .txt p {
		font-size: 16px;
		letter-spacing: 2px
	}

	.home-case__arrow {
		left: 20px;
		bottom: 24px;
		margin-left: 0
	}
	.home-video__wrap .cont .txt .p2{display: block;}
	.home-video__wrap .cont .txt {width:100%;}
	.home-video__wrap .cont .txt h3 {
	    padding-bottom:15x;
	    font-size:20px;
	}
	.home-video__wrap .cont .txt .more {
		margin: 30px auto 10px auto!important;
		display: inline-block;
	}
	.home-video__wrap .cont .txt .numbox li {
	    width: 25%;
	}
	
}

@media screen and (max-width: 500px) {
	.home-banner__slide .slick-dots li {
		margin-bottom: 2px
	}

	.home-banner__slide .slick-dots button {
		width: 20px
	}

	.home-banner__text .title p {
		font-size: 20px
	}

	.home-banner__text .txt {
		margin-bottom: 12px
	}

	.home-banner__text .txt p {
		font-size: 16px
	}

	.home-product__wrap .item:after {
		padding-top: 56%
	}

	.home-product__wrap .home-product__arrow a {
		display: none
	}

	.home-case__wrap figure {
		padding-top: 56%
	}

	.home-product__cont .inner {
		padding-right: 40px
	}
	.home-video__wrap .cont .txt .numbox li {
	    width: 25%;
	}
}
@media screen and (max-width: 500px) {
	.home-video__wrap .cont .txt .numbox li {
	    width:50%;
		margin-bottom: 10px;
	}
	.home-video__wrap .cont .txt .numbox li b {
	    line-height:42px;
	    height:42px;
	}
	.home-video__wrap .cont .txt .numbox li b {
	    font-size: 30px;
	}
	.home-video__wrap .cont .txt .more {
	    margin: 30px auto 10px auto!important;
	    display: block;
	    width:85px;
		line-height: 23px;
	    text-align: center;
	}
}	
	
.slick-is-wrap {
	position: relative
}

.slick-is-bg,
.slick-is-txt {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.slick-is-bg-board {
	margin: 0 auto;
	display: block;
	width: 1200px;
	height: 490px
}

.is-item {
	margin: 0 30px;
	font-size: 0;
	position: relative;
	transform: translateX(-190px)
}

.is-item__img,
.is-item__blank {
	display: inline-block;
	vertical-align: top
}

.is-item__img {
	width: 810px;
	overflow: hidden
}

.is-item__img img {
	transform: scale(0.9);
	-moz-transition: -moz-transform 1s linear .4s;
	-o-transition: -o-transform 1s linear .4s;
	-webkit-transition: -webkit-transform 1s linear;
	-webkit-transition-delay: .4s;
	transition: transform 1s linear .4s
}

.is-item__img::before {
	padding-top: 60.49383%
}

.slick-isolotion .slick-current img {
	transform: scale(1)
}

.slick-is-bg02 {
	z-index: 10;
	height: 0
}

.is-item__blank {
	width: 400px
}

.slick-is-bg-board {
	text-align: right;
	height: 0
}

.slick-isword-wrap {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 390px;
	background-color: #fff
}

.slick-isword-wrap .news-tr-handle {
	right: 50px;
	left: 50px;
	bottom: 50px;
	text-align: left
}

.isword-item {
	position: relative;
	height: 490px
}

.isword-item__txt {
	position: absolute;
	top: 50%;
	right: 50px;
	left: 50px;
	text-align: left
}

.isword-item__txt h3 {
	margin-bottom: 40px;
	font-size: 24px;
	line-height: 1.25;
	color: #000
}

.isword-item__txt p {
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 2;
	color: #999
}

.isword-item__txt span {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	display: block;
	font-size: 14px;
	line-height: 2;
	color: #999
}

.isword-item__txt span:hover {
	color: #e30b20
}

@media (min-width: 1201px) {
	.isword-item__txt {
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (max-width: 1200px) {
	.is-item__img {
		width: 60vw
	}

	.is-item__blank {
		display: none
	}

	.slick-is-bg01 {
		display: none
	}

	.slick-is-bg02 {
		position: relative;
		height: auto
	}

	.is-item {
		transform: translateX(0)
	}

	.slick-is-bg-board {
		width: auto;
		height: auto;
		text-align: center
	}

	.isword-item__txt {
		position: relative
	}

	.slick-isword-wrap {
		width: auto;
		max-width: 60vw;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 60px
	}

	.slick-isword-wrap .news-tr-handle {
		bottom: 0;
		left: 0;
		right: 0;
		padding-left: 0
	}

	.isword-item {
		height: auto
	}

	.isword-item__txt {
		padding-top: 40px;
		right: 0;
		left: 0;
		top: auto
	}

	.isword-item__txt h3 {
		margin-bottom: 10px;
		font-size: 20px
	}

	.isword-item__txt p {
		margin-bottom: 10px
	}
}

@media (max-width: 640px) {
	.is-item {
		margin-right: 0;
		margin-left: 0
	}

	.is-item__img {
		width: 100%
	}

	.slick-isword-wrap {
		max-width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 40px
	}

	.slick-isword-wrap .news-tr-handle {
		bottom: 0;
		left: 20px;
		right: 20px;
		padding-left: 0
	}
}

body.company {
	background-color: #f1f1f1
}

.company-inner {
	max-width: 670px;
	margin-top: 72px
}

.company-inner .title {
	margin-bottom: 46px
}

.company-list ul {
	margin: 0 -10px;
	font-size: 0
}

.company-list li {
	display: inline-block;
	vertical-align: top;
	width: 33.333333333%;
	margin-bottom: 100px
}

.company-list a {
	display: block;
	margin: 0 10px
}

.company-list a:hover figure img {
	transform: scale(1.1)
}

.company-list a:hover article {
	color: #00B3B9
}

.company-list figure {
	padding-top: 60.57%;
	position: relative;
	overflow: hidden
}

.company-list figure img {
	transition: transform 4s ease;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.company-list article {
	transition: color 0.4s ease;
	margin-top: 20px;
	font-size: 16px;
	color: #000
}







@media screen and (max-width: 800px) {
	
}

@media screen and (max-width: 750px) {
	
}

@media screen and (max-width: 500px) {
	
}


@media (max-width: 768px) {
	
}

@media (max-width: 640px) {
	
}



/* 
.newwork-global__maps .item-site:hover .map-icon:before {
	opacity: 0;
	visibility: hidden
}

.newwork-global__maps .item-site:hover .map-icon:after {
	opacity: 1;
	visibility: visible
}

.newwork-global__maps .item-site.active:before {
	opacity: 0;
	visibility: hidden
}

.newwork-global__maps .item-site.active:after {
	opacity: 1;
	visibility: visible
}

.newwork-global__maps .map-icon {
	position: relative;
	width: 39px;
	height: 51px;
	display: inline-block;
	z-index: 10;
	cursor: pointer
}

.newwork-global__maps .map-icon:before,
.newwork-global__maps .map-icon:after {
	transition: all 0.4s ease;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.newwork-global__maps .map-icon:before {
	background: url(../images/icon-03.png) no-repeat center center;
	width: 22px;
	height: 28px
}

.newwork-global__maps .map-icon:after {
	background: url(../images/icon-04.png) no-repeat center center;
	width: 39px;
	height: 51px;
	opacity: 0;
	visibility: hidden
}

.newwork-global__maps .inner {
	display: none;
	width: 390px;
	background-color: #fff;
	padding: 22px 34px;
	font-size: 0;
	margin-top: 10px;
	position: relative;
	z-index: 80
}

.newwork-global__filter {
	display: none;
	position: absolute;
	left: 0;
	bottom: 5.20833vw;
	z-index: 10
}

.newwork-global__filter .item {
	width: 390px;
	background-color: #fff;
	padding: 22px 34px;
	font-size: 0
}

.newwork-map__box .global-city {
	margin-bottom: 20px
}

.newwork-map__box .global-city img,
.newwork-map__box .global-city p {
	display: inline-block;
	vertical-align: middle
}

.newwork-map__box .global-city img {
	margin-right: 8px;
	display: none
}

.newwork-map__box .global-city p {
	font-size: 18px;
	color: #000
}

.newwork-map__box .global-site {
	margin-bottom: 5px
}

.newwork-map__box .global-site p {
	font-size: 14px;
	color: #999
}

.newwork-map__box .global-tel {
	font-size: 14px;
	color: #999;
	padding-left: 30px;
	background: url(../images/icon-02.png) no-repeat left 0
}

.about-intro__img_list ul {
	font-size: 0px;
	margin-left: -12px;
	margin-right: -12px
}

.about-intro__img_list ul li {
	display: inline-block
}

.about-intro__img_list ul li .imgthumbsBox {
	margin: 0 12px
}

.about-intro__img_list ul li .imgthumbs {
	padding-top: 66.66667%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.about-intro__img_list ul li p {
	text-align: center;
	font-size: 16px;
	color: #666;
	margin-top: 20px
}
 */
@media screen and (max-width: 1440px) {
	/* .newwork-site li {
		margin-bottom: 48px;
		padding: 0 26px
	}

	.newwork-site .attr-title {
		font-size: 16px;
		margin-bottom: 16px
	}

	.newwork-site .attr-site p {
		font-size: 13px;
		line-height: 20px
	}

	.newwork-global__wrap {
		padding-bottom: 70px
	}

	.newwork-global__maps {
		width: 90%;
		height: auto
	}

	.newwork-global__maps .map-icon {
		width: 32px;
		height: 42px
	}

	.newwork-global__maps .map-icon:before {
		width: 16px;
		height: 20px;
		background-size: 16px 20px
	}

	.newwork-global__maps .map-icon:after {
		width: 26px;
		height: 34px;
		background-size: 26px 34px
	} */
}

@media screen and (max-width: 1024px) {

	/* .newwork-site__maps,
	.newwork-site {
		width: 100%
	}

	.newwork-site li {
		padding-left: 0;
		padding-right: 30px;
		width: 50%
	}

	.newwork-global__wrap {
		padding: 40px 0
	}

	.newwork-global__maps {
		width: 100%;
		margin-top: 20px
	}

	.newwork-global__maps .inner {
		padding: 20px 30px;
		width: 300px
	}

	.newwork-global__filter {
		bottom: inherit;
		position: relative;
		left: inherit;
		clear: both
	}

	.newwork-global__filter .item {
		padding: 20px 30px;
		width: 300px
	}

	.newwork-map__box .global-city {
		margin-bottom: 10px
	}

	.newwork-map__box .global-city p {
		font-size: 16px
	}

	.newwork-map__box .global-site p {
		font-size: 13px;
		line-height: 20px
	}

	.about-intro__img_list ul li {
		width: 100%;
		margin-bottom: 30px
	}

	.about-intro__img_list ul li .imgthumbsBox {
		margin: 0
	}

	.about-intro__img_list ul {
		margin-left: 0;
		margin-right: 0
	} */
}

@media screen and (max-width: 500px) {
	/* .newwork-site {
		padding-left: 0
	}

	.newwork-site li {
		width: 100%;
		padding-right: 0;
		max-width: 100%;
		margin-bottom: 26px
	} */
}

/* .ext-links__wrap {
	text-align: center;
	font-size: 0
}

.ext-links__wrap .column {
	display: inline-block;
	vertical-align: top;
	margin: 20px 10px 0
}

.ext-links__wrap img {
	width: 120px
}

.ext-links__wrap p {
	font-size: 14px;
	color: #333;
	margin-top: 6px
}

.page-download {
	background-color: #eff2f7
}

.download-header span {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 80px;
	color: #000;
	text-align: center
}

.download-header span:nth-of-type(1) {
	width: 30%;
	text-align: left;
	text-indent: 100px
}

.download-header span:nth-of-type(2) {
	width: 30%
}

.download-header span:nth-of-type(3) {
	width: 30%
}

.download-header span:nth-of-type(4) {
	width: 10%
}

.list-download>li:nth-of-type(2n+1) {
	background-color: #fff
}

.download-item {
	text-align: center
}

.download-item>div {
	display: inline-block;
	vertical-align: top
}

.download-item:hover .ditem-name,
.download-item:hover .ditem-ico {
	color: #00B3B9
}

.ditem-name {
	position: relative;
	height: 80px;
	width: 30%;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.ditem-name p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding-left: 60px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ditem-size {
	width: 30%
}

.ditem-size,
.ditem-date {
	font-size: 16px;
	line-height: 80px;
	color: #999
}

.ditem-date {
	width: 30%
}

.ditem-ico {
	width: 10%;
	color: #999
}

.ditem-ico span {
	display: inline-block;
	vertical-align: top;
	font-size: 28px;
	line-height: 80px
}

.pager {
	font-size: 0;
	text-align: center
}

.pager a {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 28px;
	color: #000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.pager a:hover {
	color: #00B3B9
}

.pager a.current {
	background-color: #00B3B9;
	color: #fff
}

.pager a.prev,
.pager a.next {
	font-family: 'iconfont'
}

.pager a.prev {
	margin-right: 30px
}

.pager a.next {
	margin-left: 30px
} */

@media (max-width: 1024px) {
	/* .page-download .page-name {
		margin-top: 0;
		padding-top: 30px
	} */
}

/* .service-tip {
	font-size: 24px;
	line-height: 1.5;
	color: #444
}

.service-tip.white {
	color: #fff
}

.service-item__img::before {
	padding-top: 51.12782%
}

.service-item__title {
	position: relative;
	padding-bottom: .5em;
	margin-top: 1em;
	font-size: 18px;
	color: #00B3B9;
	letter-spacing: .025em
}

.service-item__title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 35px;
	height: 2px;
	background-color: #e60012
}

.service-item__desc {
	margin-top: 1em;
	font-size: 16px;
	line-height: 1.875;
	color: #999
}

.list-service {
	margin-right: -12px;
	margin-left: -12px
}

.service-item {
	margin: 0 12px 24px
}

.service-other__img::before {
	padding-top: 32.09877%
}

.service-other__title {
	margin-top: 1em;
	font-size: 16px;
	line-height: 1.875;
	color: #000
}

.service-other__desc {
	font-size: 14px;
	line-height: 2.14286;
	color: #999
}
 */
@media (max-width: 768px) {
	/* .service-tip {
		font-size: 20px
	}

	.service-tip.mt-120 {
		margin-top: 60px
	}

	.list-service {
		margin-top: 20px
	}

	.list-service>li {
		width: 100%
	}

	.service-item {
		margin-bottom: 20px
	}

	.service-other {
		margin-top: 50px
	}

	.service-item__title {
		font-size: 16px
	}

	.service-item__desc {
		font-size: 14px
	} */
}

@media (max-width: 640px) {
	/* .service-tip {
		font-size: 18px
	} */
}

/* .contact-tab {
	font-size: 0
}

.contact-tab a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.5em;
	font-size: 16px;
	line-height: 2;
	color: #999;
	cursor: pointer;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.contact-tab a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #e30b20;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.contact-tab a.current {
	color: #e30b20
}

.contact-tab a.current::after {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.contact-tab a:hover {
	color: #e30b20
}

.contact-map {
	height: 640px
}

.list-contact {
	margin-right: -12px;
	margin-left: -12px
}

.contact-item {
	padding: 30px 60px;
	margin: 0 12px 24px;
	background-color: #eff2f7;
	height: 240px;
	overflow: hidden
}

.contact-item__title {
	margin-bottom: 1em;
	font-size: 18px;
	color: #000
}

.contact-item__add {
	margin-bottom: 1em;
	min-height: 3.42857em;
	font-size: 14px;
	line-height: 24px;
	color: #999
}

.contact-item__tel {
	position: relative;
	padding-left: 32px;
	font-size: 14px;
	line-height: 24px;
	color: #999
}

.contact-item__tel span {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	line-height: 24px;
	color: #00B3B9
}

.foreign-citem {
	margin: 0 12px 24px
}

.foreign-citem .contact-item__title {
	margin-bottom: .5em
}

.foreign-citem .contact-item__add {
	min-height: auto;
	margin-bottom: .5em
}

.foreign-citem__img {
	margin-bottom: 20px
}

.foreign-citem__img::before {
	padding-top: 60.45627%
}
 */
body {
	background-color: #fff
}

/* .contact-msg {
	padding: 90px 0 140px;
	background-color: #eff2f7
}

.message-form {
	margin-right: -30px;
	margin-left: -30px;
	font-size: 0
}
 */
.col-50,
.col-100 {
	display: inline-block;
	vertical-align: top
}

.col-50 {
	width: 50%
}

.col-100 {
	width: 100%
}

/* .form-item {
	position: relative;
	display: block;
	margin: 0 30px 4px;
	padding-bottom: 26px
}

.form-item label.error {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	color: #00B3B9
}

.form-item input,
.form-item textarea {
	box-sizing: border-box
}

.form-item input {
	display: block;
	width: 100%;
	padding: 0;
	padding-left: 40px;
	font-size: 14px;
	height: 60px;
	border: 0;
	outline: 0;
	background-color: #fff;
	color: #666
}

.form-item textarea {
	padding: 20px 40px;
	display: block;
	width: 100%;
	font-size: 14px;
	border: 0;
	outline: 0;
	resize: none;
	background-color: #fff;
	color: #666
}

.lb-top__txt h3 {
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
	line-height: 1.3
}

.lb-top__title p {
	font-size: 14px;
	color: #000
}

.file-form__item label {
	display: block;
	width: 100%;
	padding: 0;
	padding-left: 40px;
	font-size: 14px;
	height: 60px;
	border: 0;
	outline: 0;
	line-height: 60px;
	background-color: #fff;
	color: #666;
	cursor: pointer
}

.file-form__item input {
	position: absolute;
	opacity: 0
}

.file-form__item p {
	font-size: 12px;
	color: #666;
	position: absolute;
	bottom: 4px
}

.btn-form__item .form-item {
	display: inline-block;
	vertical-align: top
}

.verify-form__item input,
.verify-form__item img {
	display: inline-block;
	vertical-align: top;
	cursor: pointer
}

.verify-form__item img {
	height: 60px
}

.verify-form__item input {
	width: calc(100% - 183px)
}

.btn-submit {
	padding: 0;
	display: inline-block;
	vertical-align: top;
	width: 280px;
	height: 60px;
	border: 0;
	outline: 0;
	font-size: 14px;
	line-height: 24px;
	background-color: #fff;
	color: #999;
	cursor: pointer;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.btn-submit:hover {
	background-color: #00B3B9;
	color: #fff
}

.lb-bottom__content {
	padding-left: 20px;
	padding-right: 20px
}

.lb-bottom__content .form-item label.error {
	bottom: 3px
} */

@media (max-width: 1100px) {
	/* .contact-item {
		padding: 20px 30px
	}

	.contact-map {
		height: 500px
	}

	.contact-tab a {
		font-size: 16px
	} */
}

@media (max-width: 768px) {
	.pos{
		float: right;
	}
	.footer-share{
		width: 100%;
	}
	.footer-share a{
		width: 35px;
	}
	.footer-share a img{
		max-width: 35px!important;
	}
	.fixedR{
		width: 54px;
	}
	.fixed-tel span, .fixedR span{
		width: 54px;
	}
	.fixedR .item{
		width: 54px;
		height: 45px;
		text-align: center;
	}
	.fixedR .item img{
		padding: 10px 5px 5px;
	}
	.fixedR .item p{
		display: none;
	}
	.list-contact>li {	
		width: 100%
	}

	.contact-item__add {
		min-height: auto
	}

	.contact-map {
		height: 300px
	}

	.contact-msg {
		margin-top: 30px;
		padding: 60px 0 60px
	}

	.contact-msg .col-50 {
		width: 100%
	}

	.list-foreign-title {
		margin-top: 30px
	}

	.list-contact-foreign {
		margin-top: 30px
	}

	.contact-item {
		padding-right: 20px;
		padding-left: 20px
	}

	.contact-item__title {
		font-size: 16px
	}

	.form-item {
		margin-left: 0;
		margin-right: 0
	}

	.form-item input {
		height: 50px;
		padding-left: 20px
	}

	.form-item textarea {
		padding-left: 20px
	}

	.btn-submit {
		height: 50px;
		width: 100%
	}

	.verify-form__item input {
		width: calc(100% - 153px)
	}

	.verify-form__item img {
		height: 50px
	}

	.btn-form__item .form-item {
		display: block;
		padding-bottom: 16px
	}

	.message-form {
		margin-left: 0;
		margin-right: 0
	}
}

.list-career-ico {
	text-align: center;
	margin: 0 -10px
}

.list-career-ico .item {
	margin: 0 10px
}

.list-career-ico li {
	margin-bottom: 60px
}

.career-ico__img {
	width: 100px
}

.career-ico__title {
	margin-bottom: 1em;
	font-size: 18px;
	color: #000;
	margin-top: 20px
}

.career-ico__desc {
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.career-img1::before {
	padding-top: 37.03704%
}

.career-intro {
	font-size: 0
}

.career-intro__img {
	display: inline-block;
	vertical-align: top;
	width: 56%
}

.career-intro__img::before {
	padding-top: 53.76344%
}

.career-intro__txt {
	padding-right: 40px;
	padding-left: 60px;
	margin-top: 90px;
	display: inline-block;
	vertical-align: top;
	width: 44%;
	box-sizing: border-box
}

.career-intro__txt h3 {
	font-size: 24px;
	line-height: 1.5;
	color: #000
}

.career-intro__txt p {
	font-size: 14px;
	line-height: 30px;
	color: #999
}

.career-main {
	padding: 100px 0 180px;
	background-color: #eff2f7
}

.career-item {
	position: relative;
	height: 230px;
	margin: 0 10px 20px;
	background-color: #fff
}

.career-item:hover {
	z-index: 10
}

.career-item:hover .career-item__wrap {
	height: 480px;
	background-color: #00B3B9
}

.career-item:hover .career-item__wrap .career-item__title,
.career-item:hover .career-item__wrap .career-item__info {
	color: #fff
}

.career-item:hover .career-item__wrap .career-item__more {
	display: none
}

.career-item__wrap {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 30px 50px;
	height: 230px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .2s ease
}

.career-item__title {
	margin-bottom: 1em;
	font-size: 18px;
	color: #00B3B9
}

.career-item__info {
	font-size: 14px;
	line-height: 22px;
	color: #999
}

.career-item__more {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding-left: 50px;
	padding-bottom: 30px;
	line-height: 20px;
	background-color: #fff;
	color: #999;
	font-size: 12px;
	line-height: 20px
}

.career-item__num {
	margin-top: 60px;
	position: relative;
	padding-left: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #fff
}

.career-item__num span {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	line-height: 30px
}

.list-career {
	margin-right: -10px;
	margin-left: -10px
}

.list-carrer-way {
	max-width: 1260px;
	margin-right: auto;
	margin-left: auto
}

.cw-item {
	margin: 0 20px
}

.career-way {
	padding: 100px 0 120px
}

.cw-item {
	padding: 40px 0 50px;
	height: 230px;
	box-sizing: border-box;
	border-bottom: 4px solid #2055a1;
	background-color: #fff;
	text-align: center
}

.cw-item span {
	display: inline-block;
	margin-bottom: 30px;
	font-size: 40px;
	color: #00B3B9
}

.cw-item p {
	font-size: 14px;
	line-height: 24px;
	color: #999
}

@media (max-width: 1440px) {
	.career-intro__txt {
		margin-top: 0;
		padding-left: 30px
	}
}

@media (max-width: 1200px) {
	.list-career-ico>li {
		width: 33.33333333%
	}
}

@media (max-width: 1100px) {
	.list-career-ico {
		margin-top: 40px
	}

	.career-img1 {
		margin-top: 50px
	}

	.career-intro__img {
		width: 100%
	}

	.career-intro__txt {
		width: 100%;
		padding-left: 0;
		margin-top: 30px
	}

	.career-intro__txt h3 {
		font-size: 20px
	}

	.career-main {
		padding: 50px 0 60px;
		margin-top: 40px
	}

	.list-career>li {
		width: 50%
	}

	.list-carrer-way {
		max-width: 100%
	}

	.list-carrer-way>li {
		width: 100%
	}

	.cw-item {
		height: auto;
		margin-bottom: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-right: 0;
		margin-left: 0
	}

	.cw-item span {
		margin-bottom: 15px
	}

	.icon-career01 {
		margin-bottom: 15px
	}

	.list-carrer-way {
		margin-top: 40px
	}

	.career-way {
		padding: 50px 0 60px
	}
}

@media (max-width: 1024px) {
	.career-ico__img {
		width: 65px
	}

	.career-ico__desc {
		font-size: 12px
	}

	.career-ico__title {
		font-size: 16px;
		margin-bottom: 12px
	}

	.career-intro__txt {
		padding-right: 0
	}

	.career-intro__txt h3 {
		font-size: 16px
	}

	.career-item__title {
		font-size: 16px
	}
}

@media (max-width: 640px) {
	.list-career>li {
		width: 100%
	}

	.career-item {
		height: auto
	}

	.career-item:hover .career-item__wrap {
		height: auto
	}

	.career-item__wrap {
		position: relative;
		height: 230px;
		padding-right: 20px;
		padding-left: 20px
	}

	.career-item__more {
		padding-left: 20px
	}
}

@media (max-width: 500px) {
	.list-career-ico>li {
		width: 100%;
		margin-bottom: 40px
	}
}

.page-cate {
	position: relative;
	height: 28px
}

.page-cate__title {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 12px;
	font-size: 20px;
	line-height: 28px;
	color: #00B3B9;
	border-left: 3px solid #00B3B9
}

.page-cate__sub {
	margin-left: 140px
}

.page-cate__sub a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 14px;
	font-size: 15px;
	line-height: 28px;
	color: #999;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.page-cate__sub a.current {
	color: #e30b20
}

.page-cate__sub a.current::after {
	visibility: visible;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.page-cate__sub a:hover {
	color: #e30b20
}

.page-cate__sub a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #e30b20;
	visibility: hidden;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.solution-item {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 170px;
	height: 170px;
	cursor: pointer
}

.solution-item::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 84%;
	border: 1px dashed #fff;
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	margin-top: -42%;
	margin-left: -42%;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-webkit-transition: all .9s ease;
	transition: all .9s ease
}

.solution-item:hover::after {
	visibility: visible;
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.solution-item:hover .solution-item__circle {
	background-color: #00B3B9;
	border-color: transparent;
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.solution-item:hover .solution-item__txt p {
	font-size: 20px
}

.solution-item:hover .solution-item__txt i {
	opacity: 1;
	visibility: visible
}

.solution-item__circle {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -65px 0 0 -65px;
	width: 130px;
	height: 130px;
	border: 1px solid #fff;
	border-radius: 50%;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-webkit-transition: all .9s ease;
	transition: all .9s ease
}

.solution-item__txt {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	text-align: center;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.solution-item__txt p {
	-moz-transition: font .2s ease;
	-o-transition: font .2s ease;
	-webkit-transition: font .2s ease;
	transition: font .2s ease;
	margin-bottom: .5em;
	font-size: 16px;
	line-height: 1;
	color: #fff
}

.solution-item__txt span {
	display: block;
	margin-bottom: .5em;
	font-size: 14px;
	line-height: 1;
	color: #999
}

.solution-item__txt i {
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	opacity: 0;
	visibility: hidden
}

.slick-center .solution-item__circle {
	background-color: #00B3B9;
	border-color: transparent;
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}

.slick-center .solution-item__txt p {
	font-size: 20px
}

.slick-center .solution-item__txt i {
	opacity: 1;
	visibility: visible
}

.slick-center .solution-item::after {
	visibility: visible;
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.solution-pic__slide .item:after {
	content: "";
	display: block;
	padding-top: 39.06%;
	background-color: rgba(0, 0, 0, 0.3)
}

.solution-text__wrap {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center
}

.slick-solution .slick-list {
	padding-right: 0 !important;
	padding-left: 0 !important
}

.slick-solution .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 0;
	border: 0;
	border-radius: 50%;
	outline: 0;
	background-color: transparent;
	text-align: center;
	cursor: pointer
}

.slick-solution .slick-arrow::before {
	font-family: 'iconfont';
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease
}

.slick-solution .slick-arrow:hover::before {
	color: #999
}

.slick-solution .slick-prev {
	left: 0
}

.slick-solution .slick-prev::before {
	content: '\e990'
}

.slick-solution .slick-next {
	right: 0
}

.slick-solution .slick-next::before {
	content: '\e98f'
}

@media (max-width: 1100px) {
	.solution-main {
		margin-top: 30px
	}

	.solution-item__txt p {
		font-size: 16px
	}

	.slick-center .solution-item__txt p {
		font-size: 20px
	}

	.page-cate__sub {
		margin-left: 100px
	}

	.page-cate__sub a {
		font-size: 14px;
		margin: 0 14px
	}
}

@media (max-width: 750px) {
	.slick-center .solution-item__circle {
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	.slick-center .solution-item__txt {
		margin-top: 10px
	}

	.slick-center .solution-item__txt p {
		font-size: 18px
	}

	.slick-center .solution-item__txt i {
		position: relative;
		left: inherit;
		margin-left: 0
	}

	.page-cate__sub a {
		font-size: 12px;
		line-height: 2;
		margin-left: 0;
		margin-right: 15px
	}

	.page-cate__title {
		font-size: 16px;
		line-height: 24px
	}

	.solution-pic__slide .item:after {
		padding-top: 60%
	}
}

.sdetail-top {
	font-size: 0;
	background-color: #eff2f7
}

.sdetail-top__img {
	width: 56%
}

.sdetail-top__img::before {
	padding-top: 60.36036%
}

.sdetail-top__img,
.sdetail-top__txt {
	display: inline-block;
	vertical-align: top
}

.sdetail-top__txt {
	margin-left: 7%;
	margin-top: 90px;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	box-sizing: border-box
}

.sdetail-top__txt h3 {
	margin-bottom: 2em;
	font-size: 24px;
	line-height: 1.5;
	color: #000
}

.sdetail-top__txt p {
	font-size: 14px;
	line-height: 30px;
	color: #999
}

.sdetail-intro {
	padding-top: 70px;
	overflow: hidden;
	text-align: center
}

.sdetail-intro__txt {
	margin-bottom: 60px;
	font-size: 16px;
	line-height: 30px;
	color: #999;
	letter-spacing: .04em
}

.sdetail-intro__img {
	margin: 0 auto;
	max-width: 640px;
	width: 60%
}

.sdetail-intro__img::before {
	padding-top: 62.5%
}

.related-title {
	position: relative
}

.related-more {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
	font-size: 24px;
	color: #00B3B9;
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease
}

.related-more:hover {
	transform: scale(0.9)
}

@media (max-width: 1440px) {
	.sdetail-top__txt {
		margin-top: 50px;
		width: 36%;
		margin-left: 4%
	}
}

@media (max-width: 1200px) {
	.sdetail-top {
		padding-bottom: 30px
	}

	.sdetail-top__img,
	.sdetail-top__txt {
		width: 100%
	}

	.sdetail-top__txt {
		padding: 0 40px;
		margin-left: 0;
		margin-top: 30px
	}
}

@media (max-width: 1100px) {
	.related-title {
		margin-top: 60px
	}

	.list-case-related {
		margin-top: 40px
	}

	.sdetail-intro {
		margin-top: 60px
	}

	.sdetail-top__txt h3 {
		font-size: 20px
	}

	.sdetail-tip {
		margin-top: 40px
	}
}

@media (max-width: 768px) {
	.sdetail-top__txt {
		padding: 0 20px
	}

	.sdetail-top__txt h3 {
		margin-bottom: 1em
	}

	.sdetail-intro__txt {
		font-size: 14px
	}

	.list-case-related {
		margin-top: 28px
	}
}

.case-type {
	font-size: 0
}

.case-type span {
	padding: 0 30px;
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
	background-color: #eff2f7;
	color: #666;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}

.case-type span.current,
.case-type span:hover {
	color: #000
}

.case-item__img img {
	transition: transform 4s ease
}

.case-item__img::before {
	padding-top: 53.88471%
}

.case-item__title {
	transition: color 0.4s ease;
	margin-top: .5em;
	font-size: 18px;
	line-height: 1.5;
	color: #000
}

.case-item__date,
.case-item__more {
	font-size: 14px;
	line-height: 2;
	color: #999;
	transition: color 0.4s ease
}

.case-item__date {
	margin-bottom: 1em
}

.case-item__more {
	margin-top: 1em;
	display: inline-block
}

.list-case {
	margin-right: -12px;
	margin-left: -12px
}

.list-case a:hover .case-item__img img {
	transform: scale(1.2)
}

.list-case a:hover .case-item__title {
	color: #00B3B9
}

.list-case a:hover .case-item__more {
	color: #e30b20
}

.case-item {
	display: block;
	margin: 0 12px 50px
}

@media (max-width: 1100px) {
	.page-cate-case {
		margin-top: 50px
	}

	.case-type {
		margin-top: 35px
	}

	.case-item__title {
		font-size: 16px
	}

	.list-case-main {
		margin-top: 60px
	}
}

@media (max-width: 768px) {
	.list-case>li {
		width: 100%
	}

	.case-item__date {
		margin-bottom: 0
	}

	.case-item {
		margin-bottom: 30px
	}
	.header {
		/* padding: 10px 0; */
		max-height: 56px;
		background: url(../images/logoImg.png) center #fff  no-repeat;
		background-size:auto 30px;
	}
}

.cdetail-date {
	font-size: 14px;
	line-height: 2;
	color: #999
}

.cdetail-title {
	font-size: 30px;
	line-height: 1.5;
	color: #000
}

.cdetail-img::before {
	padding-top: 49.38272%
}

.cdetail-intro {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto
}

.cdetail-intro__txt {
	font-size: 14px;
	line-height: 2;
	color: #666
}

.cdetail-intro__size {
	font-size: 0;
	text-align: center
}

.csize-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	font-size: 14px;
	line-height: 2;
	color: #999
}

.csize-item span {
	margin-right: 1em;
	color: #000
}

.banner-dots {
	position: absolute;
	bottom: 0px;
	right: 0;
	left: 0;
	font-size: 0;
	text-align: center
}

.banner-dots li {
	margin: 0 5px;
	display: inline-block;
	vertical-align: top
}

.banner-dots li button {
	position: relative;
	display: inline-block;
	padding: 30px 0;
	border: 0;
	font-size: 0;
	background-color: transparent;
	outline: 0;
	cursor: pointer
}

.banner-dots li button::before {
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	content: "";
	display: block;
	width: 28px;
	height: 4px;
	background-color: #fff
}

.banner-dots li.slick-active button::before {
	width: 45px;
	background-color: #e30b20
}

.cdetail-related {
	background-color: #eff2f7;
	padding: 60px 0
}

@media (max-width: 1100px) {
	.cdetail-title {
		font-size: 24px
	}

	.slick-cdetail {
		margin-top: 40px
	}

	.cdetail-related {
		margin-top: 60px
	}
}

@media (max-width: 1024px) {
	.banner-dots li.slick-active button::before {
		width: 28px
	}

	.banner-dots li button::before {
		width: 20px;
		height: 3px
	}
}

@media (max-width: 768px) {
	.cdetail-title {
		font-size: 20px
	}

	.cdetail-intro {
		margin-top: 40px
	}

	.cdetail-intro__txt {
		margin-top: 30px
	}
}

@media (max-width: 500px) {

	.cdetail-intro,
	.slick-cdetail {
		margin-top: 30px
	}
}

.products-item {
	position: relative;
	padding: 50px 40px;
	display: block;
	background: #fff url(../upload/page/pro_bg.jpg) no-repeat center right;
	background-size: auto 100%;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.products-item:hover {
	-moz-box-shadow: 8px 8px 29px 0 rgba(153, 153, 153, 0.19);
	-webkit-box-shadow: 8px 8px 29px 0 rgba(153, 153, 153, 0.19);
	box-shadow: 8px 8px 29px 0 rgba(153, 153, 153, 0.19)
}

.products-item:hover .pitem__img {
	animation: imgDown 2s 1
}

.pitem__img {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	max-width: 380px
}

.pitem__img::before {
	padding-top: 78.94737%
}

.page-products {
	background-color: #f9f9f9
}

.pitem__info {
	position: absolute;
	top: 50%;
	right: 10%;
	left: 54%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.pitem__info h3 {
	margin-bottom: 1em;
	font-size: 18px;
	color: #00B3B9
}

.pitem__info p {
	margin-bottom: 1.5em;
	font-size: 14px;
	line-height: 1.5;
	color: #999
}

.pitem__info span {
	font-size: 14px;
	line-height: 1.5;
	color: #e30b20
}

.pitem__ico {
	position: absolute;
	right: 80px;
	bottom: 80px;
	font-size: 30px;
	color: #00B3B9;
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease
}

.pitem__ico:hover {
	transform: scale(0.8)
}

.list-products {
	margin-right: -12px;
	margin-left: -12px
}

.products-item {
	margin: 0 12px 50px
}

@media (max-width: 1400px) {
	.pitem__ico {
		right: 60px;
		bottom: 60px
	}
}

@media (max-width: 1100px) {
	.products-item {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 0;
		padding-left: 20px
	}

	.pitem__ico {
		right: 40px;
		bottom: 40px
	}
}

@media (max-width: 768px) {
	.list-products {
		margin-top: 30px
	}

	.products-item {
		margin-bottom: 30px
	}

	.list-products>li {
		width: 100%
	}

	.pitem__info {
		right: 20px
	}

	.pitem__info h3 {
		margin-bottom: .5em;
		font-size: 16px
	}

	.pitem__info p {
		margin-bottom: .5em;
		font-size: 14px
	}

	.pitem__ico {
		right: 20px;
		bottom: 20px;
		font-size: 24px
	}
}

.prod-banner::before {
	padding-top: 36.45833%
}

.prod-banner__txt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	font-weight: bold;
	color: #fff;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.prod-banner__txt h3 {
	margin-bottom: 1em;
	font-size: 30px
}

.prod-banner__txt p {
	font-size: 24px;
	line-height: 1.5
}

.prod-cate {
	position: relative
}

.prod-cate-back {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	-webkit-transition: color .2s ease;
	transition: color .2s ease
}

.prod-cate-back:hover {
	color: #00B3B9
}

.prod-cate-back span {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	line-height: 20px
}

.prod-feature {
	font-size: 0
}

.prod-fwrap {
	position: relative;
	padding: 200px 0
}

.prodf-img,
.prodf-txt {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}

.prodf-img img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.prodf-txt__title {
	position: relative
}

.prodf-txt__title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 2px;
	background-color: #e30b20
}

.prodf-txt__title span {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 120px;
	line-height: 1;
	color: #f5f5f5
}

.prodf-txt__title p {
	position: relative;
	padding-top: 30px;
	font-size: 24px;
	font-weight: bold;
	line-height: 90px;
	letter-spacing: .025em;
	color: #00B3B9
}

.prodf-txt__title.white span {
	opacity: .1
}

.prodf-txt__title.white p {
	color: #fff
}

.prodf-txt__desc {
	margin-top: 1.25em;
	font-size: 16px;
	line-height: 30px;
	color: #999
}

.prodf-txt__desc.white {
	color: #fff
}

.prodf-txt__wrap {
	max-width: 540px;
	margin-right: auto;
	margin-left: auto
}

.video-box::before {
	content: "";
	display: block;
	padding-top: 0;
	height: 400px
}

.video-item[data-playing=true]::after,
.video-item[data-playing=true] .video-item-bg,
.video-item[data-playing=true] .video-item-btn {
	opacity: 0
}

.video-item {
	position: relative
}

.video-item video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.video-item.play video {
	z-index: 10
}

.video-item::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1)
}

.video-item-bg {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.video-item-btn {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	text-align: center;
	cursor: pointer;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.video-item-btn i {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	font-size: 60px;
	color: #fff;
	backface-visibility: hidden
}

.video-item-btn span {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	display: block;
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
	line-height: 1
}

.video-item-btn:hover i {
	color: #00B3B9
}

.video-item-btn:hover span {
	color: #00B3B9
}

.prod-param {
	padding: 120px 0 60px;
	background-color: #eff2f7
}

.list-param>li:nth-of-type(2n+1) {
	background-color: #fff
}

.list-param>li:nth-of-type(n+6) {
	display: none
}

.list-param.active>li:nth-of-type(n+6) {
	display: none
}

.param-item {
	position: relative;
	padding-left: 200px
}

.param-item dt {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 60px;
	font-size: 14px;
	line-height: 80px;
	color: #00B3B9
}

.param-item dd {
	padding: 25px 0;
	color: #999
}

.param-item dd span {
	display: inline-block;
	vertical-align: top;
	min-width: 20%;
	font-size: 16px;
	line-height: 30px
}

@media (max-width: 1200px) {
	.prod-fwrap {
		padding: 140px 0
	}

	.prodf-txt__title span {
		font-size: 80px
	}

	.prodf-txt__title p {
		margin-top: 16px;
		line-height: 50px;
		font-size: 20px
	}

	.prodf-txt__desc {
		font-size: 14px
	}

	.prodf-img img {
		max-width: 90%
	}
}

@media (max-width: 1100px) {
	.prod-param {
		padding-top: 60px;
		padding-bottom: 50px
	}

	.param-item dd span {
		min-width: inherit;
		margin-right: 30px
	}

	.download-header span {
		font-size: 16px;
		line-height: 60px
	}

	.download-header span:nth-of-type(1) {
		width: calc(100% - 340px);
		text-indent: 20px
	}

	.download-header span:nth-of-type(2) {
		width: 140px
	}

	.download-header span:nth-of-type(3) {
		width: 120px
	}

	.download-header span:nth-of-type(4) {
		width: 80px
	}

	.ditem-name {
		width: calc(100% - 340px);
		height: 60px
	}

	.ditem-name p {
		padding-left: 20px
	}

	.ditem-size {
		width: 140px
	}

	.ditem-date {
		width: 120px
	}

	.ditem-size,
	.ditem-date {
		line-height: 60px
	}

	.ditem-ico {
		width: 80px
	}

	.ditem-ico span {
		line-height: 60px
	}

	.prod-banner__txt h3 {
		font-size: 24px
	}

	.prod-banner__txt p {
		font-size: 16px
	}
}

@media (max-width: 1024px) {
	.case-type span {
		font-size: 15px
	}

	.contact-tab a {
		font-size: 15px;
		margin-right: 15px
	}

	.video-item-btn i {
		font-size: 48px
	}
}

@media (max-width: 768px) {
	.list-download {
		margin-top: 40px
	}

	.ditem-name {
		font-size: 14px
	}

	.ditem-size,
	.ditem-date {
		font-size: 14px
	}

	.ditem-ico span {
		font-size: 24px
	}

	.list-param {
		margin-top: 30px
	}

	.param-item {
		padding-left: 165px
	}

	.param-item dt {
		padding-left: 20px;
		line-height: 60px;
		font-size: 12px
	}

	.param-item dd {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.param-item dd span {
		font-size: 12px;
		margin-right: 20px
	}

	.prod-fwrap {
		padding: 80px 0
	}

	.prodf-img,
	.prodf-txt {
		width: 100%
	}

	.prodf-img img {
		max-width: 100%
	}

	.prodf-txt {
		position: relative
	}

	.prod-f01 .prod-fwrap {
		padding-top: 40px
	}

	.prod-f01 .prodf-img {
		margin-left: 0
	}

	.prod-f01 .prodf-txt {
		margin-bottom: 40px
	}

	.prod-f02 .prodf-txt {
		left: 0
	}
}

@media (max-width: 640px) {
	.list-download>li:nth-of-type(2n) {
		background-color: #fff
	}

	.list-download>li:nth-of-type(2n+1) {
		background-color: transparent
	}

	.download-header {
		display: none
	}

	.ditem-name {
		width: 100%;
		height: auto;
		padding-top: 15px
	}

	.ditem-name p {
		position: relative;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.ditem-size {
		width: auto;
		margin-left: 20px;
		margin-right: 20px
	}

	.ditem-date {
		width: auto
	}

	.ditem-size,
	.ditem-date {
		line-height: 2
	}

	.ditem-ico {
		width: 100%;
		text-align: left;
		padding-left: 20px
	}

	.ditem-ico span {
		font-size: 20px;
		line-height: 2
	}

	.contact-tab a {
		font-size: 14px;
		margin-bottom: 8px
	}

	.prodf-txt__title p {
		font-size: 18px;
		line-height: 42px
	}
}

@media (max-width: 600px) {
	.prod-banner {
		overflow: hidden
	}

	.prod-banner::before {
		padding-top: 0
	}

	.prod-banner img {
		position: relative;
		left: 50%;
		width: auto;
		height: 240px;
		margin-left: -320px
	}

	.prod-banner__txt h3 {
		margin-bottom: .5em;
		font-size: 16px
	}

	.prod-banner__txt p {
		font-size: 12px
	}
}

.view-more {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	text-align: center
}

.view-more i {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	color: #00B3B9;
	font-size: 30px
}

.view-more span {
	display: block;
	font-size: 14px;
	line-height: 2;
	color: #e30b20
}

.view-more:hover i {
	color: #999
}

.letter-box .wrap {
	background-color: #f9f9f9
}

.letter-box .lb-top__txt h3 {
	padding-left: 12px;
	font-size: 20px;
	line-height: 28px;
	color: #00B3B9;
	border-left: 3px solid #00B3B9;
	font-weight: bold
}

.letter-box .lb-top__txt p {
	margin-left: 12px
}

.letter-box .service-tip {
	color: #00B3B9;
	border-left: 3px solid #00B3B9;
	font-weight: bold;
	padding-left: 12px
}

.letter-box .message-tip,
.letter-box .message-form {
	padding-left: 12px
}

@media (max-width: 750px) {
	.letter-box .lb-top__txt h3 {
		font-size: 18px;
		line-height: 24px
	}
}

.about-intro {
	position: relative;
	padding-left: 500px
}

.about-intro h3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	font-size: 24px;
	line-height: 1.5;
	color: #000
}

.about-intro.white h3 {
	color: #fff
}

.about-intro.white .about-intro__txt {
	color: #fff
}

.about-intro__txt {
	max-width: 680px;
	font-size: 14px;
	line-height: 2;
	color: #666
}

.about-intro__img img {
	display: block;
	width: 100%
}

@media (max-width: 1100px) {
	.about-intro {
		padding-left: 0;
		margin-top: 60px
	}

	.about-intro h3 {
		position: relative;
		font-size: 20px;
		width: auto;
		margin-bottom: .5em
	}

	.about-intro__txt {
		max-width: auto
	}

	.about-intro__img {
		margin-top: 50px
	}
}

@media (max-width: 768px) {
	.about-intro {
		margin-top: 40px
	}

	.about-intro__img {
		margin-top: 30px
	}
}

.about-culture {
	padding: 90px 0;
	background-color: #eff2f7
}

.list-culture {
	margin-right: -12px;
	margin-left: -12px
}

.culture-item {
	margin: 0 12px 24px;
	background-color: #fff
}

.culture-item:hover .culture-item__intro {
	height: auto
}

.culture-item__img {
	overflow: hidden
}

.culture-item__img::before {
	padding-top: 53.33333%
}

.culture-item__title {
	position: relative;
	padding-bottom: 10px;
	margin-top: 50px;
	font-size: 18px;
	color: #000;
	text-align: center
}

.culture-item__title::before {
	content: "";
	margin-left: -25px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 2px;
	background-color: #e30b20
}

.culture-item__desc {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	min-height: 8em;
	padding-bottom: 2em;
	font-size: 14px;
	line-height: 2;
	color: #999;
	text-align: center
}

.culture-item__intro {
	height: 4em;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media (max-width: 1100px) {
	.about-culture {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.culture-item__title {
		margin-top: 30px
	}

	.list-culture {
		margin-top: 40px
	}
}

@media (max-width: 768px) {
	.list-culture>li {
		width: 100%
	}

	.culture-item:hover .culture-item__intro {
		height: auto
	}

	.culture-item__desc {
		height: auto;
		padding-bottom: 20px
	}

	.culture-item__title {
		font-size: 16px
	}

	.culture-item__title:before {
		width: 40px;
		margin-left: -20px
	}

	.culture-item__intro {
		height: auto
	}
}

.history-year__item {
	position: relative;
	padding-bottom: 20px;
	width: 120px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	cursor: pointer
}

.history-year__item::before,
.history-year__item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border-radius: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.history-year__item::before {
	width: 5px;
	height: 5px;
	background-color: #999
}

.history-year__item::after {
	bottom: -5px;
	width: 10px;
	height: 10px;
	border: 1px solid #999
}

.slick-current .history-year__item {
	font-size: 18px;
	color: #00B3B9
}

.slick-current .history-year__item::before {
	bottom: -5px;
	width: 10px;
	height: 10px;
	background-color: #00B3B9
}

.slick-current .history-year__item::after {
	bottom: -21px;
	width: 26px;
	height: 26px;
	border-color: #00B3B9
}

.slick-year {
	margin-right: 60px;
	margin-left: 60px
}

.slick-year .slick-arrow {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	font-size: 0;
	border: 0;
	border-radius: 50%;
	outline: 0;
	background-color: transparent;
	text-align: center;
	cursor: pointer
}

.slick-year .slick-arrow::before {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	font-family: 'iconfont';
	font-size: 40px;
	line-height: 40px;
	color: #00B3B9
}

.slick-year .slick-arrow:hover {
	transform: scale(0.9)
}

.slick-year .slick-arrow:hover:before {
	transform: scale(0.9)
}

.slick-year .slick-prev {
	left: -60px
}

.slick-year .slick-prev::before {
	content: '\e6f7'
}

.slick-year .slick-next {
	right: -60px
}

.slick-year .slick-next::before {
	content: '\e605'
}

.history-month-item {
	font-size: 0
}

.history-mi__img {
	display: inline-block;
	vertical-align: top;
	width: 45%
}

.history-mi__img::before {
	padding-top: 61.24138%
}

.history-mi__list {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin-left: 5%;
	margin-right: 5%
}

.mi-item {
	margin: 1.5em 0;
	font-size: 14px;
	line-height: 2;
	color: #999
}

.mi-item h4 {
	color: #000;
	font-weight: bold
}

@media (max-width: 1100px) {
	.about-history {
		margin-top: 50px
	}

	.slick-year {
		margin-top: 40px
	}

	.slick-month {
		margin-top: 40px
	}
}

@media (max-width: 768px) {
	.history-mi__img {
		width: 100%
	}

	.history-mi__list {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}
}

.about-tech {
	padding: 100px 0 70px;
	overflow: hidden
}

.slick-tech {
	margin-right: -35px;
	margin-left: -35px
}

.tech-item__img,
.tech-item__txt {
	margin: 0 35px;
	box-sizing: border-box
}

.tech-item__img::before,
.tech-item__txt::before {
	padding-top: 133.02326%
}

.tech-item__txt {
	border: 1px solid #00B3B9
}

.tech-item__num {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	color: #fff;
	text-align: center;
	padding-bottom: 30px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.tech-item__num::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -14px;
	width: 28px;
	height: 2px;
	background-color: #e30b20
}

.tech-item__num h3 {
	font-size: 30px
}

.tech-item__num h3 span {
	font-size: 14px
}

.tech-item__num p {
	font-size: 14px
}

.slick-tech .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 30px;
	height: 30px;
	margin-top: -20px;
	font-size: 0;
	border: 0;
	border-radius: 50%;
	outline: 0;
	background-color: transparent;
	text-align: center;
	cursor: pointer
}

.slick-tech .slick-arrow::before {
	font-family: 'iconfont';
	font-size: 30px;
	line-height: 30px;
	color: #00B3B9
}

.slick-tech .slick-prev {
	left: -10px
}

.slick-tech .slick-prev::before {
	content: '\e6f7'
}

.slick-tech .slick-next {
	right: -10px
}

.slick-tech .slick-next::before {
	content: '\e605'
}

.tech-logo {
	font-size: 0;
	text-align: center
}

.tech-logo img {
	display: inline-block;
	vertical-align: top;
	margin: 10px 30px
}

@media (max-width: 1440px) {
	.slick-tech {
		margin-right: -20px;
		margin-left: -20px
	}

	.tech-item__img,
	.tech-item__txt {
		margin-right: 20px;
		margin-left: 20px
	}
}

@media (max-width: 1100px) {
	.about-tech {
		margin-top: 60px;
		padding-top: 50px;
		padding-bottom: 40px
	}

	.slick-tech {
		margin-top: 60px
	}

	.tech-logo {
		margin-top: 40px
	}
}

@media (max-width: 768px) {
	.slick-tech {
		margin-right: -10px;
		margin-left: -10px
	}

	.tech-item__img,
	.tech-item__txt {
		margin-right: 1px;
		margin-left: 10px
	}
}

@media (max-width: 640px) {
	.tech-logo img {
		width: auto;
		height: 30px
	}
}

.intro-chart__intro {
	max-width: 1130px;
	text-align: right;
	font-size: 15px;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px
}

.intro-chart {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 400px
}

.highcharts-credits,
.highcharts-button-symbol,
.highcharts-legend-item {
	display: none !important
}

.page-crumb-main {
	padding-bottom: 70px;
	background-color: #fff
}

.page-crumb-wrap {
	display: none;
	position: relative;
	z-index: 10;
	margin-top: -60px
}

.page-crumb-wrap .page-crumb a {
	color: #fff
}

.page-crumb-wrap .page-crumb a::after {
	background-color: #fff
}

.page-crumb-wrap .page-crumb a:hover {
	color: #999
}

.page-crumb {
	font-size: 0;
	padding: 15px 0
}

.page-crumb a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 7px;
	font-size: 14px;
	line-height: 30px;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.page-crumb a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background-color: #999
}

.page-crumb a:first-of-type {
	margin-left: 0
}

.page-crumb a:last-of-type {
	margin-right: 0
}

.page-crumb a:last-of-type::after {
	display: none
}

.page-crumb a:hover {
	color: #00B3B9
}

.page-name p {
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-transform: uppercase
}

.page-name h1 {
	font-size: 30px;
	line-height: 1.5;
	color: #00B3B9
}

.page-intro {
	width: 45%;
	font-size: 14px;
	line-height: 2;
	color: #000
}

.message-tip {
	font-size: 14px;
	line-height: 2;
	color: #999
}

@media (max-width: 1100px) {
	.page-name h1 {
		font-size: 24px
	}

	.page-crumb-main {
		padding-bottom: 40px
	}

	.page-intro {
		width: 60%
	}
}

@media (max-width: 1024px) {
	.page-crumb {
		display: none
	}

	.detail-main,
	.page-name {
		padding-top: 30px
	}
}

@media (max-width: 768px) {
	.page-name p {
		font-size: 12px
	}

	.page-name h1 {
		font-size: 20px
	}

	.page-intro {
		width: 100%
	}
}

body .bdshare-button-style0-16 a,
body .bdshare-button-style0-16 .bds_more {
	float: none;
	margin: 0;
	padding-left: 0;
	background-image: inherit
}

.news-top {
	position: relative;
	background-color: #eff2f7
}

.slick-ntop {
	display: inline-block;
	vertical-align: top;
	width: 52%
}

.slick-ntop .slick-track {
	font-size: 0
}

.ntop-img {
	overflow: hidden
}

.ntop-img::before {
	padding-top: 60%
}

.news-top-right {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 58%;
	width: 32%
}

.slick-tnews {
	margin-top: 5.20833vw
}

.tnews-item {
	display: block
}

.tnews-item__date {
	color: #999;
	font-size: 14px;
	line-height: 1
}

.tnews-item__title {
	margin-top: 1em;
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: .04em;
	color: #000
}

.tnews-item__desc {
	margin-top: 2em;
	max-height: 8em;
	font-size: 14px;
	line-height: 2;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.tnews-item__more {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	display: block;
	margin-top: 50px;
	font-size: 12px;
	line-height: 1;
	color: #999
}

.tnews-item__more:hover {
	color: #e30b20
}

.news-tr-handle {
	position: absolute;
	right: 0;
	bottom: 4.16667vw;
	left: 0
}

.news-arrow {
	display: inline-block;
	vertical-align: top;
	font-size: 30px;
	line-height: 30px;
	color: #00B3B9;
	cursor: pointer;
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease
}

.news-arrow:hover {
	transform: scale(0.9)
}

.news-tr-num {
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: ""
}

.news-tr-num span {
	font-weight: bold;
	display: inline-block;
	vertical-align: bottom
}

.news-tr-num .sum {
	font-size: 12px;
	color: #999
}

.news-tr-num .now {
	padding-bottom: 5px;
	padding-right: 10px;
	font-size: 18px;
	color: #00B3B9
}

.news-tr-num::after {
	content: "";
	position: absolute;
	right: 28px;
	bottom: 3px;
	height: 30px;
	width: 1px;
	background-color: #999;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 100%
}

@media (max-width: 1440px) {
	.tnews-item__title {
		font-size: 20px
	}

	.tnews-item__more {
		margin-top: 30px
	}

	.news-top-right {
		width: 38%
	}

	.slick-tnews {
		margin-top: 40px
	}

	.news-tr-handle {
		bottom: 30px
	}

	.tnews-item__desc {
		margin-top: 1em
	}
}

@media (max-width: 1100px) {
	.news-top {
		margin-top: 40px
	}

	.slick-ntop {
		width: 100%
	}

	.news-top-right {
		position: relative;
		padding-bottom: 30px;
		margin: 0 20px;
		left: 0;
		right: 0;
		width: auto
	}

	.news-tr-handle {
		padding-left: 100px
	}
}

@media (max-width: 768px) {
	.tnews-item__title {
		font-size: 16px
	}

	.tnews-item__desc {
		max-height: 6em;
		display: -webkit-box;
		-webkit-line-clamp: 3
	}

	.news-top-right {
		padding-bottom: 80px
	}

	.news-tr-handle {
		padding-left: 0;
		bottom: 20px
	}
}

.list-news {
	margin-right: -20px;
	margin-left: -20px
}

.list-news a:hover .lazy {
	opacity: 0
}

.list-news a:hover .news-item__img {
	transform: scale(1.2)
}

.list-news a:hover .news-item__title {
	color: #00B3B9
}

.list-news a:hover .news-item__more {
	color: #e30b20
}

.news-item__box {
	margin-bottom: 12px
}

.news-item__img {
	transition: transform 4s ease
}

.news-item__img::before {
	padding-top: 59.45946%
}

.news-item__img .news-item__bgPic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.news-item {
	position: relative;
	height: 350px;
	box-sizing: border-box;
	display: block;
	margin: 0 20px 80px
}

.news-item.noimg {
	padding: 30px 20px
}

.news-item.noimg::before,
.news-item.noimg::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	height: 4px;
	background-color: #eee
}

.news-item.noimg::before {
	top: 0
}

.news-item.noimg::after {
	bottom: 0
}

.news-item.noimg .news-item__title {
	height: auto;
	margin-bottom: .25em
}

.news-item.noimg .news-item__more {
	position: relative
}

.news-item__date,
.news-item__more {
	font-size: 14px;
	line-height: 2;
	color: #999
}

.news-item__title {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	height: 3.5em;
	margin-top: .5em;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.news-item__more {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 10px
}

.news-item__desc {
	height: 6em;
	margin: 40px 0;
	font-size: 14px;
	line-height: 2;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

@media (max-width: 1440px) {
	.news-item {
		height: 330px
	}
}

@media (max-width: 1300px) {
	.news-item {
		height: 300px
	}

	.news-item__desc {
		margin: 20px 0
	}
}

@media (max-width: 1100px) {
	.list-news>li {
		width: 33.3333%
	}

	.news-item {
		margin-bottom: 60px
	}

	.news-item.noimg::before,
	.news-item.noimg::after {
		height: 2px
	}
}

@media (max-width: 768px) {
	.list-news>li {
		width: 50%
	}

	.news-item__desc {
		height: auto
	}
}

@media (max-width: 640px) {
	.list-news>li {
		width: 100%
	}

	.news-item {
		height: auto;
		padding-bottom: 30px;
		margin-bottom: 40px
	}

	.news-item.noimg {
		padding-left: 0;
		padding-right: 0
	}
}

.newsd-main {
	margin: 0 auto;
	max-width: 1000px
}

.news-body {
	position: relative
}

.news-content {
	font-size: 14px;
	line-height: 2;
	color: #666
}

.news-content img {
	max-width: 100% !important;
	height: auto !important
}

.news-data .news-share {
	position: absolute;
	top: 0;
	left: -180px;
	width: 30px
}

.news-data .news-share a {
	display: block;
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	color: #ccc
}

.news-data .news-share a:hover {
	color: #00B3B9
}

.news-pager {
	position: relative;
	font-size: 0;
	text-align: center
}

.np-pager {
	position: absolute;
	top: 0;
	width: 30%;
	font-size: 14px;
	line-height: 30px;
	color: #999;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.np-pager:hover {
	color: #000
}

.np-pager:hover i {
	color: #00B3B9
}

.np-pager i {
	position: absolute;
	top: 0;
	font-size: 30px;
	line-height: 30px;
	color: #ebebeb;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}

.np-prev {
	padding-left: 45px;
	left: 0;
	text-align: left
}

.np-prev i {
	left: 0
}

.np-next {
	padding-right: 45px;
	right: 0;
	text-align: right
}

.np-next i {
	right: 0
}

.np-back {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ebebeb;
	font-size: 20px;
	line-height: 30px;
	text-align: center
}

.np-back:hover {
	background-color: #00B3B9;
	color: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

@media (max-width: 1440px) {
	.news-data .news-share {
		left: -80px
	}
}

@media (max-width: 1200px) {
	.news-data .news-share {
		position: relative;
		width: auto;
		left: 0;
		margin-top: 40px;
		text-align: center
	}

	.news-data .news-share a {
		margin-right: 20px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0
	}

	.news-pager {
		margin-top: 60px
	}
}

@media (max-width: 1100px) {
	.news-body {
		margin-top: 60px
	}
}

@media (max-width: 1024px) {
	.newsd-main {
		margin-top: 30px
	}

	.news-data .news-share a {
		font-size: 24px
	}
}

@media (max-width: 768px) {
	.news-body {
		margin-top: 40px
	}
}

@media (max-width: 640px) {
	.news-body {
		margin-top: 30px
	}

	.np-pager {
		font-size: 0
	}

	.cdetail-title {
		font-size: 18px
	}
}

.ov-h {
	overflow: hidden
}

@media (max-width: 1680px) {
	.w1620 {
		width: auto;
		/* margin-right: 40px;
		margin-left: 40px */
	}

	.page-pic-wrap .cont {
		left: 0;
		transform: translate(0, -50%)
	}
}

@media (max-width: 1100px) {
	.w1620 {
		margin-right: 20px;
		margin-left: 20px
	}
}

.page-report {
	background-color: #eff2f7
}

.list-report {
	margin-right: -10px;
	margin-left: -10px
}

.report-item {
	display: block;
	padding: 30px 50px 50px;
	margin: 0 10px 60px;
	background-color: #fff
}

.report-item:hover .report-title {
	color: #00B3B9
}

.report-date {
	position: relative;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #999;
	text-align: right
}

.report-date i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 30px;
	line-height: 30px;
	color: #00B3B9
}

.report-title {
	transition: color 0.4s ease;
	height: 3.33333em;
	font-size: 16px;
	line-height: 1.66667;
	color: #000;
	letter-spacing: .01em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (max-width: 1920px) {
	.report-item {
		padding: 1.5625vw 2.60417vw 2.60417vw;
		margin-bottom: 3.125vw
	}
}

@media (max-width: 1100px) {
	.list-report>li {
		width: 50%
	}

	.report-title {
		font-size: 16px
	}
}

@media (max-width: 768px) {
	.list-report {
		margin-top: 60px
	}

	.list-report>li {
		width: 100%
	}

	.report-date {
		margin-bottom: 10px
	}

	.report-item {
		padding: 20px 20px 30px;
		margin-bottom: 20px
	}

	.report-title {
		font-size: 14px
	}
}

/*# sourceMappingURL=main.css.map */